Commit 05c262ce authored by linxin's avatar linxin

Merge branch 'liuxin' into develop

parents fa944d76 7e7c61d6
Pipeline #3963 canceled with stages
src/assets/payment/push.png

1.01 KB | W: | H:

src/assets/payment/push.png

3.18 KB | W: | H:

src/assets/payment/push.png
src/assets/payment/push.png
src/assets/payment/push.png
src/assets/payment/push.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -196,25 +196,25 @@ export default {
margin-top: 52px;
margin-bottom: 8px;
input {
width: 351px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239,239,239,0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
line-height: 36px;
text-indent: 16px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #21254c;
letter-spacing: 0;
border-radius: 4px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
color: #888C8F;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
color: #888C8F;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
......
......@@ -631,7 +631,6 @@ export default {
background-color: #fff;
padding: 8px 12px;
position: relative;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
......
......@@ -209,25 +209,25 @@ export default {
margin-top: 52px;
margin-bottom: 8px;
input {
width: 351px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239,239,239,0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
line-height: 36px;
text-indent: 16px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #21254c;
letter-spacing: 0;
border-radius: 4px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
color: #888C8F;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
color: #888C8F;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
......
......@@ -120,8 +120,6 @@ export default {
margin: 0 auto;
opacity: 0.4;
border: none;
line-height: 34px;
border: none;
background: url("../../assets/drawback/uncheck.png") 310px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
......
......@@ -10,11 +10,8 @@
<span>我的还款</span>
</div>
</h-header>
<div class="hinput">
<div class="search-box">
<div class="search has-header">
<input v-model="keyWords" type="text" placeholder="请输入还款金额">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
<scroll
ref="scroll"
......@@ -100,35 +97,39 @@ export default {
line-height: 24px;
}
}
.hinput {
position: relative;
z-index: 50;
.search {
background-color: #fff;
padding: 8px 12px;
// position: absolute;
width: 100%;
height: 68px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
background: #fff;
.search-box {
width: 93.6%;
z-index: 100;
// margin-top: 52px;
margin-bottom: 8px;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239,239,239,0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
color: #888C8F;
}
input::placeholder {
font-family: PingFangSC-Regular;
border: 1px solid rgba(56,63,69,0.60);
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input {
width: 90%;height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
font-size: 14px;
color: #888C8F;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
.content{
......
......@@ -7,10 +7,9 @@
</div>
</h-header>
<Tab :fatherTabNum="tabNum" @getTabNum="getTabNum" />
<div class="search">
<div class="search has-header">
<input placeholder="请输入进件号/承租人名称" >
</div>
<h-content class="my-content">
<scroll ref="scroll" :updateData="[showList]" :pullUp="true" class="scroll">
<div v-for="(item,index) in showList" :key="index" class="item">
<div class="left">
......@@ -50,7 +49,6 @@
</div>
</div>
</scroll>
</h-content>
</h-view>
</template>
<script>
......@@ -207,34 +205,36 @@ export default {
},
}
</script>
<style lang="less" scoped>
<style lang="less">
#videoList {
.search {
height: 52px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
position: absolute;
width: 100%;
z-index: 100;
margin-top: 52px;
// margin-bottom: 8px;
input {
width: 351px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239,239,239,0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
line-height: 36px;
text-indent: 16px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #21254c;
letter-spacing: 0;
border-radius: 4px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
color: #888C8F;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
color: #888C8F;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
......@@ -242,11 +242,9 @@ export default {
border: 2px solid #bcc6ff;
}
}
.my-content {
background-color: #efefef;
.scroll {
background-color: #efefef;
margin-top: 10px;
margin-top: 20px;
}
.item {
width: 359px;
......@@ -351,6 +349,44 @@ export default {
}
}
}
.content {
position: absolute;
top: 0;
}
.scrollContent {
padding-top: 2.72rem;
padding-bottom: 20px;
}
.tab-style {
width: 100%;
position: absolute;
}
}
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.12rem;
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.52rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.52rem;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment