Skip to content

W
wly-APP
Commit 0bab7fe5 authored by chuan.liu's avatar chuan.liu
Browse files
Options

调适ios模拟器兼容性

parent 2089dbf0
Hide whitespace changes
Inline Side-by-side
Showing with 673 additions and 557 deletions
pages/group-buy/group-baseinfo.nvue
View file @ 0bab7fe5
......@@ -152,7 +152,8 @@
position: relative;
flex-direction: column;
padding: 0 16rpx;
overflow-y: scroll;
overflow-y: scroll;
background: #f0f4f5;
}
.middle {
......@@ -230,7 +231,6 @@
}
.planout-block-item {
flex: 1;
}
.bottom-area {
......
pages/group-buy/group-buy.nvue
View file @ 0bab7fe5
<template>
<view class="apply-history view" :style="winHeight">
<view class="status_bar" :style="navHeight"></view>
<view class="status_bar" :style="navHeight"></view>
<view class="header-bg"></view>
<view class="apply-history-wrapper view">
<view ref='top' id="top">
......@@ -14,35 +14,43 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}">
</view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot"
:class="{'icon-dot-active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></i>
<i class="icon-dot"
:class="{'icon-dot-active':baseinfoAfterLineShow || uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':baseinfoAfterLineShow || uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':uploadLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after steps__row-line--hide"></view>
</view>
</view>
</view>
<view class="steps__row-text-container">
<view class="steps__row-text">
<text class="steps__row-title">下单类型</text>
<text class="steps__row-desc"></text>
</view>
<view class="steps__row-text">
<text class="steps__row-title">团购信息</text>
<text class="steps__row-desc"></text>
</view>
<view class="steps__row-text">
<text class="steps__row-title">团购信息</text>
<text class="steps__row-desc"></text>
</view>
<view class="steps__row-text">
<text class="steps__row-title">订购产品</text>
......@@ -55,7 +63,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -63,82 +72,101 @@
import {
mapState
} from 'vuex'
import groupBaseinfo from './group-baseinfo.nvue'
import quotaOrder from './quota-order.nvue'
import quotaOrder from './quota-order.nvue'
import orderUpload from './order-upload.nvue'
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #endif
export default {
components: {
components: {
groupBaseinfo,
quotaOrder,
quotaOrder,
orderUpload
},
data() {
return {
currentTabComponent: 'groupBaseinfo',
topHeight:''
currentTabComponent: 'groupBaseinfo',
topHeight: ''
}
},
computed: {
deliveryListBeforeLineShow() {
return this.currentTabComponent != 'deliveryPlan'
},
baseinfoListBeforeLineShow() {
return this.currentTabComponent == 'groupBaseinfo'
},
baseinfoAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
uploadLineShow(){
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight(){
return {
'height':`${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
}
return this.currentTabComponent != 'deliveryPlan'
},
baseinfoListBeforeLineShow() {
return this.currentTabComponent == 'groupBaseinfo'
},
baseinfoAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
uploadLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight() {
return {
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
},
onReady() {
// this.winHeight = `height:${this.sysinfo.safeArea.height}px`;
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
this.topHeight = res.height;
}).exec();
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
uni.navigateBack({
delta: 1
})
onBackPress(event) {
console.log('event--groupbuy', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/group-buy/group-buy`
});
this.currentTabComponent = 'quotaOrder'
return false
}else if(this.currentTabComponent === 'quotaOrder'){
uni.navigateTo({
url: `/pages/group-buy/group-buy`
});
this.currentTabComponent = 'groupBaseinfo'
return false
} else {
uni.switchTab({
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......@@ -155,19 +183,19 @@
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.apply-history {
width: 750rpx;
flex: 1;
background: $background-color-1;
background: $background-color-1;
}
.apply-history-wrapper {
......
pages/group-buy/order-upload.nvue
View file @ 0bab7fe5
......@@ -285,7 +285,8 @@
text-align: center;
color: #ff0f00;
font-weight: 500;
border-radius: 32rpx;
border-radius: 32rpx;
font-size: 22rpx;
}
.popup-content-foot__sure {
......
pages/group-buy/quota-order.nvue
View file @ 0bab7fe5
......@@ -10,58 +10,61 @@
</view>
</view>
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
</view>
<scroll-view class="scroll-area view" :scroll-top="scrollTop" scroll-y="true">
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="item in 2" :key='item'>
<view class="middle view planout-block-item">
<view class="text-block title-first">
<text class="middle-date title-first__text">1</text>
</view>
<view class="text-block">
<text class="middle-date">产品</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<text class="middle-date-des">请选择</text>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="item in 2" :key='item'>
<view class="middle view planout-block-item">
<view class="text-block title-first">
<text class="middle-date title-first__text">1</text>
</view>
<view class="text-block">
<text class="middle-date">产品</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<text class="middle-date-des">请选择</text>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<view class="text-block">
<text class="middle-date">数量（件）</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
</view>
<view class="text-block">
<text class="middle-date">单价</text>
<text class="middle-date-des">789</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">小计</text>
<text class="middle-date-des">789*6*4</text>
</view>
</view>
<view class="text-block">
<text class="middle-date">数量（件）</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
</view>
<view class="text-block">
<text class="middle-date">单价</text>
<text class="middle-date-des">789</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">小计</text>
<text class="middle-date-des">789*6*4</text>
</view>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
</uni-swipe-action>
<view class="bottom-area"></view>
<view class="bottom">
<button class="btn btn-l" type="default" @tap="preStep">
<text class="btn-text btn-text-l">上一步</text>
</button>
<button class="btn" type="default" @tap="nextStep">
<text class="btn-text">下一步</text>
</button>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text
class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
</uni-swipe-action>
<view class="bottom-area"></view>
<view class="bottom">
<button class="btn btn-l" type="default" @tap="preStep">
<text class="btn-text btn-text-l">上一步</text>
</button>
<button class="btn" type="default" @tap="nextStep">
<text class="btn-text">下一步</text>
</button>
</view>
</scroll-view>
</view>
</template>
......@@ -69,7 +72,7 @@
export default {
data() {
return {
applyNum: 100
scrollTop: 0
}
},
methods: {
......@@ -77,12 +80,10 @@
console.log(1)
},
nextStep() {
this.$emit('click','orderUpload')
this.$emit('click', 'orderUpload')
},
preStep() {
uni.switchTab({
url: `/pages/go-order/go-order`
})
preStep() {
this.$emit('click', 'groupBaseinfo')
},
}
}
......@@ -104,13 +105,13 @@
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
}
.summary-block{
display: flex;
align-items: center;
}
}
.summary-block {
display: flex;
align-items: center;
}
.text-block {
over-overflow: hidden;
......@@ -211,11 +212,15 @@
font-size: 32rpx;
color: #333;
font-weight: 500;
}
.planout-block-lists{
display: flex;
flex-direction: column;
}
.scroll-area {
padding-bottom: 40rpx;
}
.planout-block-lists {
display: flex;
flex-direction: column;
}
.uni-swipe {
......@@ -231,16 +236,21 @@
width: 152rpx;
background: linear-gradient(90deg, #fb4d61, #ff0f00 100%);
border-radius: 0px 8px 8px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.swipe-right-block__text {
width: 152rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding-left: 24rpx;
}
.planout-block {
......@@ -265,6 +275,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.bottom-area {
......
pages/no-quota/no-quota.nvue
View file @ 0bab7fe5
<template>
<view class="apply-history view" :style="winHeight">
<view class="status_bar" :style="navHeight"></view>
<view class="status_bar" :style="navHeight"></view>
<view class="header-bg"></view>
<view class="apply-history-wrapper view">
<view ref='top' id="top">
......@@ -14,14 +14,17 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':deliveryListBeforeLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':deliveryCheckLineShow}"></i>
</view>
......@@ -44,7 +47,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -53,76 +57,89 @@
mapState
} from 'vuex'
import quotaOrder from './quota-order.nvue'
import quotaOrder from './quota-order.nvue'
import orderUpload from './order-upload.nvue'
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #endif
export default {
components: {
quotaOrder,
quotaOrder,
orderUpload
},
data() {
return {
currentTabComponent: 'quotaOrder',
topHeight:''
currentTabComponent: 'quotaOrder',
topHeight: ''
}
},
computed: {
deliveryListBeforeLineShow() {
return this.currentTabComponent != 'deliveryPlan'
},
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow(){
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight(){
return {
'height':`${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
}
return this.currentTabComponent != 'deliveryPlan'
},
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight() {
return {
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
},
onReady() {
// this.winHeight = `height:${this.sysinfo.safeArea.height}px`;
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
this.topHeight = res.height;
}).exec();
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
uni.navigateBack({
delta: 1
})
onBackPress(event) {
console.log('event--noquota', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/no-quota/no-quota`
});
this.currentTabComponent = 'quotaOrder'
return false
} else {
uni.switchTab({
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......@@ -139,19 +156,19 @@
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.apply-history {
width: 750rpx;
flex: 1;
background: $background-color-1;
background: $background-color-1;
}
.apply-history-wrapper {
......
pages/no-quota/order-upload.nvue
View file @ 0bab7fe5
......@@ -285,7 +285,8 @@
text-align: center;
color: #ff0f00;
font-weight: 500;
border-radius: 32rpx;
border-radius: 32rpx;
font-size: 22rpx;
}
.popup-content-foot__sure {
......
pages/no-quota/quota-order.nvue
View file @ 0bab7fe5
......@@ -10,58 +10,62 @@
</view>
</view>
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
</view>
<scroll-view class="scroll-area view" :scroll-top="scrollTop" scroll-y="true">
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="item in 2" :key='item'>
<view class="middle view planout-block-item">
<view class="text-block title-first">
<text class="middle-date title-first__text">1</text>
</view>
<view class="text-block">
<text class="middle-date">产品</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<text class="middle-date-des">请选择</text>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="item in 2" :key='item'>
<view class="middle view planout-block-item">
<view class="text-block title-first">
<text class="middle-date title-first__text">1</text>
</view>
<view class="text-block">
<text class="middle-date">产品</text>
<view class="middle-date-des uni-list picker-year">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<text class="middle-date-des">请选择</text>
</view>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<image class="icon-arrow" src="@/static/image/arrow_r@3x.png" mode="aspectFit"></image>
</view>
<view class="text-block">
<text class="middle-date">数量（件）</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
</view>
<view class="text-block">
<text class="middle-date">单价</text>
<text class="middle-date-des">789</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">小计</text>
<text class="middle-date-des">789*6*4</text>
</view>
</view>
<view class="text-block">
<text class="middle-date">数量（件）</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
</view>
<view class="text-block">
<text class="middle-date">单价</text>
<text class="middle-date-des">789</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">小计</text>
<text class="middle-date-des">789*6*4</text>
</view>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
</uni-swipe-action>
<view class="bottom-area"></view>
<view class="bottom">
<button class="btn btn-l" type="default" @tap="preStep">
<text class="btn-text btn-text-l">上一步</text>
</button>
<button class="btn" type="default" @tap="nextStep">
<text class="btn-text">下一步</text>
</button>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text
class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
</uni-swipe-action>
<view class="bottom-area"></view>
<view class="bottom">
<button class="btn btn-l" type="default" @tap="preStep">
<text class="btn-text btn-text-l">上一步</text>
</button>
<button class="btn" type="default" @tap="nextStep">
<text class="btn-text">下一步</text>
</button>
</view>
</scroll-view>
</view>
</template>
......@@ -69,7 +73,7 @@
export default {
data() {
return {
applyNum: 100
scrollTop: 0,
}
},
methods: {
......@@ -77,11 +81,11 @@
console.log(1)
},
nextStep() {
this.$emit('click','orderUpload')
this.$emit('click', 'orderUpload')
},
preStep() {
uni.switchTab({
url: `/pages/go-order/go-order`
preStep() {
uni.switchTab({
url: `/pages/go-order/go-order`
})
},
}
......@@ -104,13 +108,13 @@
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
}
.summary-block{
display: flex;
align-items: center;
}
}
.summary-block {
display: flex;
align-items: center;
}
.text-block {
over-overflow: hidden;
......@@ -211,11 +215,15 @@
font-size: 32rpx;
color: #333;
font-weight: 500;
}
.planout-block-lists{
display: flex;
flex-direction: column;
}
.scroll-area {
padding-bottom: 40rpx;
}
.planout-block-lists {
display: flex;
flex-direction: column;
}
.uni-swipe {
......@@ -231,16 +239,21 @@
width: 152rpx;
background: linear-gradient(90deg, #fb4d61, #ff0f00 100%);
border-radius: 0px 8px 8px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.swipe-right-block__text {
width: 152rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding-left: 24rpx;
}
.planout-block {
......@@ -265,6 +278,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.bottom-area {
......
pages/quota/order-upload.nvue
View file @ 0bab7fe5
......@@ -62,11 +62,6 @@
}
},
},
onBackPress(event) {
console.log('event', event)
this.$emit('click', 'quotaOrder')
return false
},
methods: {
change(e) {
console.log('当前模式：' + e.type + ',状态：' + e.show);
......
pages/quota/quota-order.nvue
View file @ 0bab7fe5
......@@ -86,7 +86,7 @@
</view>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel">
<view class="swipe-right-block" @click="handleDel">
<text class="swipe-right-block__text">删除</text>
</view>
</template>
......@@ -124,16 +124,10 @@
product: '请填写',
quantity: 0,
price: 0
}
},
scrollTop: 0
}
},
onBackPress(event) {
console.log('event', event)
uni.switchTab({
url: `/pages/go-order/go-order`
})
return false
},
mounted() {
console.log('监听到事件来自 update');
let _this = this
......@@ -299,43 +293,43 @@
font-size: 32rpx;
color: #333;
font-weight: 500;
}
.scroll-area{
padding-bottom: 40rpx;
}
.scroll-area {
padding-bottom: 40rpx;
}
.planout-block-lists {
display: flex;
display: flex;
flex-direction: column;
}
.uni-swipe {
flex: 1;
margin-bottom: 26rpx;
margin-bottom: 26rpx;
}
/deep/ .uni-swipe_box {
flex: 1;
flex: 1;
}
.swipe-right-block {
width: 152rpx;
background: linear-gradient(90deg, #fb4d61, #ff0f00 100%);
border-radius: 0px 8px 8px 0px;
display: flex;
align-items: center;
display: flex;
align-items: center;
justify-content: center;
}
.swipe-right-block__text {
.swipe-right-block__text {
width: 152rpx;
display: flex;
align-items: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding-left: 24rpx;
}
......@@ -360,8 +354,8 @@
}
.planout-block-item {
flex: 1;
width: 750rpx;
flex: 1;
width: 750rpx;
}
.bottom-area {
......
pages/quota/quota.nvue
View file @ 0bab7fe5
<template>
<view class="apply-history view" :style="winHeight">
<view class="status_bar" :style="navHeight"></view>
<view class="status_bar" :style="navHeight"></view>
<view class="header-bg"></view>
<view class="apply-history-wrapper view">
<view ref='top' id="top">
......@@ -14,14 +14,17 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':deliveryListBeforeLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':deliveryCheckLineShow}"></i>
</view>
......@@ -44,7 +47,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -53,80 +57,90 @@
mapState
} from 'vuex'
import quotaOrder from './quota-order.nvue'
import quotaOrder from './quota-order.nvue'
import orderUpload from './order-upload.nvue'
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #ifdef APP-PLUS
const dom = weex.requireModule('dom');
// #endif
export default {
components: {
quotaOrder,
quotaOrder,
orderUpload
},
data() {
return {
currentTabComponent: 'quotaOrder',
topHeight:''
currentTabComponent: 'quotaOrder',
topHeight: ''
}
},
computed: {
deliveryListBeforeLineShow() {
return this.currentTabComponent != 'deliveryPlan'
},
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow(){
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,
'overflow-y':'scroll'
}
},
winHeight(){
return {
'height':`${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
}
return this.currentTabComponent != 'deliveryPlan'
},
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,
'overflow-y': 'scroll'
}
},
winHeight() {
return {
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
},
onReady() {
// this.winHeight = `height:${this.sysinfo.safeArea.height}px`;
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
this.topHeight = res.height;
}).exec();
// this.navHeight = `height:${this.sysinfo.safeArea.top + 44}px`;
// #ifdef APP-NVUE
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
});
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
onBackPress(event) {
console.log('event--quota', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
uni.switchTab({
url:"pages/go-order/go-order"
})
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/quota/quota`
});
this.currentTabComponent = 'quotaOrder'
return false
} else {
uni.switchTab({
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......@@ -143,19 +157,19 @@
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.header-bg {
height: 284rpx;
opacity: 0.72;
margin-top: -88rpx;
background: linear-gradient(232deg, #f4e2e2 25%, #faf3f3 98%);
}
.apply-history {
width: 750rpx;
flex: 1;
background: $background-color-1;
background: $background-color-1;
}
.apply-history-wrapper {
......
pages/select-business/select-business.nvue
View file @ 0bab7fe5
......@@ -7,7 +7,7 @@
<view class="text-block">
<text class="middle-date">商机名称</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
</view>
</view>
<view class="text-block">
<text class="middle-date">商机所有人</text>
<input class="middle-date-des" type="text" value="" placeholder="请填写" />
......@@ -32,28 +32,30 @@
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true' :show="isOpened" @click="handleClick">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true'
:show="isOpened" @click="handleClick">
<template v-slot:left>
<view class="swipe-right-block" @click="handleChecked($event,item, index)"><text
class="swipe-right-block__text" :class="{'swipe-right-block__active':item.checked}"></text>
class="swipe-right-block__text"
:class="{'swipe-right-block__active':item.checked}"></text>
</view>
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">商机编码</text>
<text class="middle-date-des">300820638</text>
<text class="middle-date middle-date-select">商机编码</text>
<text class="middle-date-des middle-date-des-select">300820638</text>
</view>
<view class="text-block">
<text class="middle-date">商机名称</text>
<text class="middle-date-des">年底促销</text>
<text class="middle-date middle-date-select">商机名称</text>
<text class="middle-date-des middle-date-des-select">年底促销</text>
</view>
<view class="text-block">
<text class="middle-date">客户编号</text>
<text class="middle-date-des">800235672</text>
<text class="middle-date middle-date-select">客户编号</text>
<text class="middle-date-des middle-date-des-select">800235672</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">客户名称</text>
<text class="middle-date-des">机关单位</text>
<text class="middle-date middle-date-select">客户名称</text>
<text class="middle-date-des middle-date-des-select">机关单位</text>
</view>
</view>
......@@ -71,26 +73,25 @@
export default {
data() {
return {
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists:[
{
id:1,
checked:false,
product:'新品五粮液',
quantity:2,
price:100
},
{
id:2,
checked:false,
product:'新品五粮液91 52%',
quantity:4,
price:200
}
],
selectedBusiness:{}
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists: [{
id: 1,
checked: false,
product: '新品五粮液',
quantity: 2,
price: 100
},
{
id: 2,
checked: false,
product: '新品五粮液91 52%',
quantity: 4,
price: 200
}
],
selectedBusiness: {}
}
},
computed: {
......@@ -100,54 +101,56 @@
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
},
onNavigationBarButtonTap(e){
console.log('onNavigationBarButtonTap：',e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView',webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if(this.isOpened === 'none'){
uni.$emit('selectedBusiness',{selectedBusiness:this.selectedBusiness})
uni.navigateBack({})
}
},
onNavigationBarButtonTap(e) {
console.log('onNavigationBarButtonTap：', e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView', webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if (this.isOpened === 'none') {
uni.$emit('selectedBusiness', {
selectedBusiness: this.selectedBusiness
})
uni.navigateBack({})
}
},
methods: {
search() {
},
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e,content,index){
console.log('click当前索引：',e,content, index);
},
handleChecked(e,item,index){
console.log('当前索引：',e, index);
this.lists.forEach((cur)=>{
if(cur.id === item.id){
cur.checked = !cur.checked
}else{
cur.checked = false
}
})
if(item.checked === true){
// this.selectedBusiness.push(item)
this.selectedBusiness = item
}else{
// const selectIndex = this.selectedBusiness.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
// this.selectedBusiness.splice(selectIndex,1)
this.selectedBusiness = {}
}
},
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e, content, index) {
console.log('click当前索引：', e, content, index);
},
handleChecked(e, item, index) {
console.log('当前索引：', e, index);
this.lists.forEach((cur) => {
if (cur.id === item.id) {
cur.checked = !cur.checked
} else {
cur.checked = false
}
})
if (item.checked === true) {
// this.selectedBusiness.push(item)
this.selectedBusiness = item
} else {
// const selectIndex = this.selectedBusiness.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
// this.selectedBusiness.splice(selectIndex,1)
this.selectedBusiness = {}
}
},
}
}
......@@ -170,6 +173,7 @@
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
overflow-x: hidden;
}
.main {
......@@ -181,7 +185,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -215,6 +219,15 @@
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
position: relative;
border-radius: 4px;
......@@ -245,6 +258,7 @@
.planout-block-lists {
display: flex;
flex-direction: column;
overflow: hidden;
}
.uni-swipe {
......@@ -258,22 +272,22 @@
.swipe-right-block {
width: 100rpx;
justify-content: center;
justify-content: center;
align-items: center;
}
.swipe-right-block__text {
width: 52rpx;
height: 52rpx;
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color: #fff;
}
.swipe-right-block__active {
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color:$wly-primary-color ;
}
.swipe-right-block__active {
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color: $wly-primary-color;
}
.planout-block {
......@@ -287,6 +301,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.btn {
......
pages/select-group-client/select-group-client.nvue
View file @ 0bab7fe5
......@@ -28,28 +28,30 @@
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true' :show="isOpened" @click="handleClick">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true'
:show="isOpened" @click="handleClick">
<template v-slot:left>
<view class="swipe-right-block" @click="handleChecked($event,item, index)"><text
class="swipe-right-block__text" :class="{'swipe-right-block__active':item.checked}"></text>
class="swipe-right-block__text"
:class="{'swipe-right-block__active':item.checked}"></text>
</view>
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">团购编码</text>
<text class="middle-date-des">300820638</text>
<text class="middle-date middle-date-select">团购编码</text>
<text class="middle-date-des middle-date-des-select">300820638</text>
</view>
<view class="text-block">
<text class="middle-date">团购名称</text>
<text class="middle-date-des">迎新年退休职工团拜会</text>
<text class="middle-date middle-date-select">团购名称</text>
<text class="middle-date-des middle-date-des-select">迎新年退休职工团拜会</text>
</view>
<view class="text-block">
<text class="middle-date">城市</text>
<text class="middle-date-des">山东省淄博市张店区</text>
<text class="middle-date middle-date-select">城市</text>
<text class="middle-date-des middle-date-des-select">山东省淄博市张店区</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">地址</text>
<text class="middle-date-des">新生活广场 12栋 1单元 2708</text>
<text class="middle-date middle-date-select">地址</text>
<text class="middle-date-des middle-date-des-select">新生活广场 12栋 1单元 2708</text>
</view>
</view>
......@@ -67,26 +69,25 @@
export default {
data() {
return {
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists:[
{
id:1,
checked:false,
product:'新品五粮液',
quantity:2,
price:100
},
{
id:2,
checked:false,
product:'新品五粮液91 52%',
quantity:4,
price:200
}
],
selectedGroupClient:{}
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists: [{
id: 1,
checked: false,
product: '新品五粮液',
quantity: 2,
price: 100
},
{
id: 2,
checked: false,
product: '新品五粮液91 52%',
quantity: 4,
price: 200
}
],
selectedGroupClient: {}
}
},
computed: {
......@@ -96,54 +97,56 @@
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
},
onNavigationBarButtonTap(e){
console.log('onNavigationBarButtonTap：',e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView',webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if(this.isOpened === 'none'){
uni.$emit('selectedGroupClient',{selectedGroupClient:this.selectedGroupClient})
uni.navigateBack({})
}
},
onNavigationBarButtonTap(e) {
console.log('onNavigationBarButtonTap：', e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView', webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if (this.isOpened === 'none') {
uni.$emit('selectedGroupClient', {
selectedGroupClient: this.selectedGroupClient
})
uni.navigateBack({})
}
},
methods: {
search() {
},
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e,content,index){
console.log('click当前索引：',e,content, index);
},
handleChecked(e,item,index){
console.log('当前索引：',e, index);
this.lists.forEach((cur)=>{
if(cur.id === item.id){
cur.checked = !cur.checked
}else{
cur.checked = false
}
})
if(item.checked === true){
// this.selectedGroupClient.push(item)
this.selectedGroupClient = item
}else{
// const selectIndex = this.selectedGroupClient.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
// this.selectedGroupClient.splice(selectIndex,1)
this.selectedGroupClient = {}
}
},
bindPickerChange(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e, content, index) {
console.log('click当前索引：', e, content, index);
},
handleChecked(e, item, index) {
console.log('当前索引：', e, index);
this.lists.forEach((cur) => {
if (cur.id === item.id) {
cur.checked = !cur.checked
} else {
cur.checked = false
}
})
if (item.checked === true) {
// this.selectedGroupClient.push(item)
this.selectedGroupClient = item
} else {
// const selectIndex = this.selectedGroupClient.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
// this.selectedGroupClient.splice(selectIndex,1)
this.selectedGroupClient = {}
}
},
nextStep() {
this.$emit('click', 'orderUpload')
......@@ -174,6 +177,7 @@
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
overflow-x: hidden;
}
.main {
......@@ -185,7 +189,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -219,6 +223,15 @@
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
position: relative;
border-radius: 4px;
......@@ -249,6 +262,7 @@
.planout-block-lists {
display: flex;
flex-direction: column;
overflow: hidden;
}
.uni-swipe {
......@@ -262,22 +276,22 @@
.swipe-right-block {
width: 100rpx;
justify-content: center;
justify-content: center;
align-items: center;
}
.swipe-right-block__text {
width: 52rpx;
height: 52rpx;
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color: #fff;
}
.swipe-right-block__active {
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color:$wly-primary-color ;
}
.swipe-right-block__active {
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color: $wly-primary-color;
}
.planout-block {
......@@ -291,6 +305,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.btn {
......
pages/select-product/select-product.nvue
View file @ 0bab7fe5
......@@ -36,20 +36,20 @@
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">产品编码</text>
<text class="middle-date-des">400820638</text>
<text class="middle-date middle-date-select">产品编码</text>
<text class="middle-date-des middle-date-des-select">400820638</text>
</view>
<view class="text-block">
<text class="middle-date">描述</text>
<text class="middle-date-des">原度五粮液061 72%500ml*6</text>
<text class="middle-date middle-date-select">描述</text>
<text class="middle-date-des middle-date-des-select">原度五粮液061 72%500ml*6</text>
</view>
<view class="text-block">
<text class="middle-date">产品类型</text>
<text class="middle-date-des">五粮液新品</text>
<text class="middle-date middle-date-select">产品类型</text>
<text class="middle-date-des middle-date-des-select">五粮液新品</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">价格</text>
<text class="middle-date-des">2，38000</text>
<text class="middle-date middle-date-select">价格</text>
<text class="middle-date-des middle-date-des-select">2，38000</text>
</view>
</view>
......@@ -173,7 +173,8 @@
position: relative;
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
background: #f0f4f5;
overflow-x:hidden;
}
.main {
......@@ -185,7 +186,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -217,6 +218,14 @@
overflow: hidden;
text-overflow: ellipsis;
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
......@@ -248,7 +257,8 @@
.planout-block-lists {
display: flex;
flex-direction: column;
flex-direction: column;
overflow:hidden;
}
.uni-swipe {
......@@ -290,7 +300,8 @@
}
.planout-block-item {
flex: 1;
flex: 1;
width: 750rpx;
}
.btn {
......
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