Skip to content

H
hls-xcmg-vue-app
Commit ae173825 authored by 786817560's avatar 786817560
Browse files
Options

'scroll修改'

parent 56a74f52
Show whitespace changes
Inline Side-by-side
Showing with 375 additions and 224 deletions
src/pages/contractInquire/contract-records.vue
View file @ ae173825
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-11-19 14:20:47
* @LastEditTime: 2019-11-20 19:05:09
* @LastEditors: Please set LastEditors
* @Description: 合同查询--记录
* @FilePath:
......@@ -14,14 +14,14 @@
<span>合同记录</span>
</div>
</h-header>
<h-content v-if="data===null" class="null">
<div v-if="data===null" class="null">
<div class="display">
<img src="@/assets/contractRepayment/null.png" alt="">
<p>暂时没有还款记录</p>
<div @click="$routeGo()">返回</div>
</div>
</h-content>
<div v-if="data!==null">
</div>
<div v-if="data!==null" class="wrap has-header">
<div class="tab">
<p><span :class="{'selected':selected === 'all'}" @click="isSelected('all')">全部</span></p>
<p><span :class="{'selected':selected === 'one'}" @click="isSelected('one')">待首付</span></p>
......@@ -34,10 +34,11 @@
<img src="@/assets/contractInquire/search.png" alt="">
<input v-model="searchInput" type="text" placeholder="请输入合同号/承租人名称">
</div>
</div>
</div>
<!-- 全部合同记录 -->
<scroll
v-if="data!==null"
ref="scroll"
:updateData="[showLists]"
:pullUp="true"
......@@ -250,24 +251,6 @@ export default {
</script>
<style lang='less' >
#contract-records {
.h-header {
background-color: #1D3FFF;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 5px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.tab {
display: flex;
......@@ -328,8 +311,6 @@ export default {
.pay-content {
padding: 8px 8px;
padding-bottom: 104px;
.contract-item {
height: 208px;
background-color: #fff;
......@@ -513,6 +494,45 @@ export default {
}
}
.wrap {
width: 100%;
position: absolute;
z-index: 100
}
.content{
position: absolute;
top:0;
}
.scrollContent{
padding-top: 2.60rem;
padding-bottom: 20px;
}
}
.platform-ios {
#contract-records {
.scrollContent {
padding-top: 3rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#contract-records {
.scrollContent {
padding-top: 3.4rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-records {
.scrollContent {
padding-top: 3.8rem;
}
}
}
}
</style>
src/pages/contractSigning/contract-signing.vue
View file @ ae173825
<!--
* @Author: your name
* @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-11-19 16:47:01
* @LastEditTime: 2019-11-20 17:01:18
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
-->
<template>
<h-view class="contract-signing">
<h-view id="contract-signing">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>合同签约</span>
</div>
</h-header>
<div class="tab-style">
<div class="tab-style has-header">
<div :class="{'done':num === 1,'undone':num !== 1}" @click="num = 1;"><img :src="num === 1?check1:uncheck1"><span>待签约</span></div>
<div :class="{'done':num === 2,'undone':num !== 2}" @click="num = 2;"><img :src="num === 2?check2:uncheck2"><span>已签约</span></div>
</div>
<div class="hinput">
<div class="search-box">
<!-- 搜索 -->
<div class="search">
<img src="@/assets/contractInquire/search.png" alt="">
<input v-model="searchInput" type="text" placeholder="请输入合同号/承租人名称">
<img src="@/assets/constractSigning/search.png" alt="" style="width:18px">
</div>
</div>
<!-- <h-content > -->
......@@ -232,16 +231,18 @@ export default {
</script>
<style lang="less" type="text/less">
.contract-signing{
#contract-signing{
.tab-style{
display:flex;
width: 100%;
justify-content: center;
padding-top:12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow:0 2px 3px 0 rgba(220,220,221,0.50);
position: absolute;
z-index: 999;
div{
position: relative;
......@@ -277,43 +278,39 @@ export default {
}
}
.hinput {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
width: 100%;
height: 68px;
border-bottom:1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
background: #fff;
.search-box {
position: relative;
z-index: 50;
width: 93.6%;
z-index: 100;
margin-bottom: 8px;
margin-top: 52px;
input {
background: rgba(239, 239, 239, 0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
width: 100%;
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;
line-height: 36px;
}
input::placeholder {
font-size: 14px;
color: #888C8F;
}
img {
position: absolute;
height: 16px;
right: 25px;
top: 20px;
}
.scrollContent{
padding-bottom: 90px;
}
.wrap {
width: 100%;
padding: 8px;
......@@ -388,7 +385,39 @@ export default {
}
}
.content{
padding-bottom: 14px;
position: absolute;
top:0;
}
.scrollContent{
padding-top: 3rem;
padding-bottom: 20px;
}
}
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.4rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.8rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 4.2rem;
}
}
}
}
</style>
src/pages/distributorSign/contract-list.vue
View file @ ae173825
......@@ -5,7 +5,7 @@
-->
<template>
<h-view class="distribute-sign" title="经销商签约">
<h-view id="distribute-sign" title="经销商签约">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
......@@ -13,11 +13,10 @@
</div>
</h-header>
<Tab @getTabNum="getTabNum"/>
<div class="hinput">
<div class="search-box">
<!-- 搜索 -->
<div class="search">
<img src="@/assets/contractInquire/search.png" alt="">
<input v-model="searchInput" type="text" placeholder="请输入合同号/承租人名称">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
<scroll
ref="scroll"
......@@ -209,49 +208,44 @@ export default {
},
}
</script>
<style lang="less" scoped>
.distribute-sign {
.hinput {
width: 100%;
height: 68px;
border-bottom:1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
background: #fff;
<style lang="less">
#distribute-sign {
.search-box {
position: relative;
z-index: 50;
width: 93.6%;
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 94px;
input {
background: rgba(239, 239, 239, 0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
width: 100%;
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;
font-size: 14px;
color: #888C8F;
line-height: 36px;
}
input {
width: 90%;height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
input::placeholder {
font-size: 14px;
color: #888C8F;
}
img {
position: absolute;
height: 16px;
right: 25px;
top: 20px;
}
}
// .scrollContent{
// padding-bottom: 90px;
// }
.wrap {
width: 100%;
padding: 8px;
padding-bottom: 104px;
.contract-lists {
width: 100%;
background: #fff;
......@@ -321,6 +315,40 @@ export default {
}
}
}
.content{
position: absolute;
top:0;
}
.scrollContent{
padding-top: 2.88rem;
padding-bottom: 20px;
}
}
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.28rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.48rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 4.08rem;
}
}
}
}
</style>
src/pages/distributorSign/tab.vue
View file @ ae173825
......@@ -2,11 +2,11 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-25 11:10:34
* @LastEditTime: 2019-09-25 21:05:24
* @LastEditTime: 2019-11-20 17:29:40
* @LastEditors: Please set LastEditors
-->
<template>
<div class="tab-style">
<div class="tab-style has-header">
<div :class="{'tab-content-bg':tabNum == 0}" class="tab-content" @click="tabNum = 0;sendTabNum()"><img :src="tabNum == 0?signed:sign"><span
:class="{'colored':tabNum == 0}">待签约</span></div>
<div :class="{'tab-content-bg':tabNum == 1}" class="tab-content" @click="tabNum = 1;sendTabNum()"><img :src="tabNum == 1?finished:finish"><span
......@@ -39,8 +39,9 @@ export default {
</script>
<style lang="less" scoped>
.tab-style {
position: relative;
z-index: 50;
width: 100%;
position: absolute;
z-index: 999;
background-color: #fff;
display: flex;
justify-content: center;
......
src/pages/financingTrial/financing-trial.vue
View file @ ae173825
......@@ -59,9 +59,9 @@
</template>
<script>
export default {
export default {
name: 'FinancingTrial',
data() {
data () {
return {
lists: [],
plan_price: '',
......@@ -70,7 +70,7 @@
},
computed: {},
watch: {},
beforeRouteEnter(to, from, next) {
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'ProDetailed') {
vm.price_date_to = vm.$route.params.price_date_to // 有效日期
......@@ -84,15 +84,15 @@
})
next()
},
activated() {
activated () {
},
created() {
created () {
},
methods:
{
goDetails(val) {
goDetails (val) {
this.$router.push({
name: 'FinancingDetails',
params: {
......@@ -103,7 +103,7 @@
})
},
// 试算查询
calculationQuery(val) {
calculationQuery (val) {
let vm = this
if (val) {
let url = $config.basePath + 'prd_product_calculation_query'
......@@ -140,7 +140,7 @@
}
},
},
}
}
</script>
<style lang='less'>
#trial {
......
src/pages/myProductCollection/my-product-list.Vue
View file @ ae173825
......@@ -4,19 +4,18 @@
* @Date 2019/10/22
*/
<template>
<h-view class="public-style" style="height: 100%">
<h-view id="my-collect" class="public-style" style="height: 100%">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>我的收藏</span>
</div>
</h-header>
<h-content>
<div class="hinput">
<div class="search-box">
<!-- 搜索 -->
<div class="search has-header">
<img src="@/assets/contractInquire/search.png" alt="">
<input v-model="searchInput" type="text" placeholder="请输入经销商/产品名称/参数项">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
<scroll
ref="scroll"
......@@ -24,7 +23,7 @@
:pullUp="true"
@pullingUp="loadMore"
>
<div class="division-box">
<div class="division-box">
<list-item v-for="(item,index) in productList" :key="index">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
......@@ -47,9 +46,9 @@
</div>
</item>
</list-item>
</div>
</div>
</scroll>
</h-content>
</h-view>
</template>
......@@ -208,41 +207,40 @@ export default {
}
</script>
<style scoped lang="less" rel="stylesheet">
.hinput {
position: relative;
z-index: 50;
<style lang="less" rel="stylesheet">
#my-collect {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
width: 100%;
height: 50px;
border-bottom: 1px solid #cccccc70;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
z-index: 100;
margin-bottom: 8px;
input {
background: rgba(239, 239, 239, 0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
width: 100%;
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;
font-size: 14px;
color: #888C8F;
line-height: 36px;
}
input {
width: 90%;
height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
input::placeholder {
font-size: 14px;
color: #888C8F;
}
img {
position: absolute;
height: 16px;
right: 25px;
top: 20px;
}
}
.division-box {
.division-box {
padding: 8px;
}
.hls-list-item {
......@@ -306,7 +304,43 @@ export default {
color: #4B4A4B;
}
}
}
.content{
position: absolute;
top:0;
}
.scrollContent{
padding-top: 1.9rem;
padding-bottom: 20px;
}
}
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 2.3rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 2.7rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 3.1rem;
}
}
}
}
</style>
src/pages/productQuery/product-list.vue
View file @ ae173825
......@@ -11,11 +11,16 @@
<span>产品列表</span>
</div>
</h-header>
<div class="hinput">
<!-- <div class="hinput has-header">
<div class="search-box">
<input v-model="searchInput" type="text" placeholder="请输入经销商/产品名称/参数项">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div> -->
<!-- 搜索 -->
<div class="search has-header">
<img src="@/assets/contractInquire/search.png" alt="">
<input v-model="searchInput" type="text" placeholder="请输入经销商/产品名称/参数项">
</div>
<scroll
ref="scroll"
......@@ -205,39 +210,38 @@ export default {
},
}
</script>
<style lang='less' scoped>
<style lang='less'>
#prolist {
.hinput {
position: relative;
z-index: 50;
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
width: 100%;
height: 50px;
border-bottom: 1px solid #cccccc70;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
z-index: 100;
margin-bottom: 8px;
input {
background: rgba(239, 239, 239, 0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
width: 100%;
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;
font-size: 14px;
color: #888C8F;
line-height: 36px;
}
input {
width: 90%;
height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
input::placeholder {
font-size: 14px;
color: #888C8F;
}
img {
position: absolute;
height: 16px;
right: 25px;
top: 20px;
}
}
.division-box {
......@@ -306,5 +310,40 @@ export default {
}
}
.content{
position: absolute;
top:0;
}
.scrollContent{
padding-top: 1.92rem;
padding-bottom: 20px;
}
}
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.32rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.72rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.72rem;
}
}
}
}
</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