Browse Source

样式修改优化

test
Enzo 5 years ago
parent
commit
a677838341
  1. 8
      pages/goodsDetail/index.vue
  2. 1
      pages/order/order.vue
  3. 6
      pages/search/searchList.vue
  4. 26
      pages/verification/index.vue

8
pages/goodsDetail/index.vue

@ -56,11 +56,11 @@
<view class="goods-detail"> <view class="goods-detail">
<view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view> <view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view>
<view class="lf-flex-column"> <view class="lf-flex-column">
<view class="lf-row-between lf-m-b-20">
<!-- <view class="lf-row-between lf-m-b-20">
<view class="lf-color-gray lf-font-28">项目名称</view> <view class="lf-color-gray lf-font-28">项目名称</view>
<view class="lf-color-gray lf-font-28">数量</view> <view class="lf-color-gray lf-font-28">数量</view>
<view class="lf-color-gray lf-font-28">额外费用</view> <view class="lf-color-gray lf-font-28">额外费用</view>
</view>
</view> -->
<view v-for="(item,index) in goods_detail.product.extends.field_2.project" :key="index" class="lf-row-between child-tag"> <view v-for="(item,index) in goods_detail.product.extends.field_2.project" :key="index" class="lf-row-between child-tag">
<view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view> <view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view> <view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view>
@ -127,11 +127,11 @@
<view class="goods-detail"> <view class="goods-detail">
<view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view> <view class="lf-font-32 lf-font-bold lf-m-b-20">包含项目</view>
<view class="lf-flex-column"> <view class="lf-flex-column">
<view class="lf-row-between lf-m-b-20">
<!-- <view class="lf-row-between lf-m-b-20">
<view class="lf-color-gray lf-font-28">项目名称</view> <view class="lf-color-gray lf-font-28">项目名称</view>
<view class="lf-color-gray lf-font-28">数量</view> <view class="lf-color-gray lf-font-28">数量</view>
<view class="lf-color-gray lf-font-28">额外费用</view> <view class="lf-color-gray lf-font-28">额外费用</view>
</view>
</view> -->
<view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_0.project" :key="index" > <view class="lf-row-between child-tag" v-for="(item,index) in goods_detail.product.extends.field_0.project" :key="index" >
<view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view> <view class="lf-font-28 lf-color-black lf-flex-1">{{item.name}}</view>
<view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view> <view class="lf-font-28 lf-color-black lf-flex-1" style="text-align: center;">{{item.num}}</view>

1
pages/order/order.vue

@ -25,7 +25,6 @@
<button class="lf-font-24 radius-order col-btn0" v-if="item.status == 0" @click="$url('/pages/order/confirm_fromorder?order_id='+item.id+'&goods_id='+item.agent_product_id+'&btn_type=1&enter_type=1')">立即付款</button> <button class="lf-font-24 radius-order col-btn0" v-if="item.status == 0" @click="$url('/pages/order/confirm_fromorder?order_id='+item.id+'&goods_id='+item.agent_product_id+'&btn_type=1&enter_type=1')">立即付款</button>
<button class="lf-font-24 radius-order col-btn0" v-if="item.status == 1" @click="$url('/pages/order/confirm_fromorder?order_id='+item.id+'&goods_id='+item.agent_product_id+'&btn_type=2&enter_type=1')">支付尾款</button> <button class="lf-font-24 radius-order col-btn0" v-if="item.status == 1" @click="$url('/pages/order/confirm_fromorder?order_id='+item.id+'&goods_id='+item.agent_product_id+'&btn_type=2&enter_type=1')">支付尾款</button>
<button class="lf-font-24 radius-order col-btn1" v-if="item.status == 2 || item.status == 3">立即使用</button> <button class="lf-font-24 radius-order col-btn1" v-if="item.status == 2 || item.status == 3">立即使用</button>
<button class="lf-font-24 radius-order col-btn16" v-if="item.status == 16">已使用</button>
<button class="lf-font-24 radius-order col-btn6" v-if="item.status == 6">等待审核</button> <button class="lf-font-24 radius-order col-btn6" v-if="item.status == 6">等待审核</button>
<button class="lf-font-24 radius-order col-btn7" v-if="item.status == 7">退款成功</button> <button class="lf-font-24 radius-order col-btn7" v-if="item.status == 7">退款成功</button>
</view> </view>

6
pages/search/searchList.vue

@ -7,9 +7,9 @@
</view> </view>
<view class="special_tab"> <view class="special_tab">
<u-tabs :list="tab_list" active-color="#1998FE" inactive-color='#777777' :is-scroll="true" @click="clicksort" :current="current" @change="tabChange"></u-tabs> <u-tabs :list="tab_list" active-color="#1998FE" inactive-color='#777777' :is-scroll="true" @click="clicksort" :current="current" @change="tabChange"></u-tabs>
<view style="position: absolute;right: 30rpx;top: 132rpx;display: flex;flex-direction: column;">
<u-icon name="arrow-up" :class="sort==0?'':'lf-color-blue'"></u-icon>
<u-icon name="arrow-down" :class="sort==0?'lf-color-blue':''"></u-icon>
<view style="position: absolute;right: 30rpx;top: 140rpx;display: flex;flex-direction: column;">
<u-icon name="arrow-up" style="font-size: 20rpx;" :class="sort==0?'':'lf-color-blue'"></u-icon>
<u-icon name="arrow-down" style="font-size: 20rpx;" :class="sort==0?'lf-color-blue':''"></u-icon>
</view> </view>
</view> </view>
<swiper :style="{height: '800rpx', width: '750rpx'}" :current="current" @change="swiperChange"> <swiper :style="{height: '800rpx', width: '750rpx'}" :current="current" @change="swiperChange">

26
pages/verification/index.vue

@ -1,9 +1,12 @@
<template> <template>
<view class="lf-p-40 lf-w-100 lf-h-100 lf-row-center" style="height: 1200rpx;"> <view class="lf-p-40 lf-w-100 lf-h-100 lf-row-center" style="height: 1200rpx;">
<!-- <view class="lf-row-center lf-font-28">确认核销权限...</view> --> <!-- <view class="lf-row-center lf-font-28">确认核销权限...</view> -->
<button class="cu-btn lf-m-t-30" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
<button class="lf-m-t-30 cu-btn" v-if="haveVerfiy==false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
<text class="lf-font-32">确认核销</text> <text class="lf-font-32">确认核销</text>
</button> </button>
<button class="lf-m-t-30 cu-btn1" v-else>
<text class="lf-font-32">核销完成</text>
</button>
</view> </view>
</template> </template>
@ -12,7 +15,8 @@
data() { data() {
return { return {
userInfo: '', userInfo: '',
loadOptions: ''
loadOptions: '',
haveVerfiy: false
} }
}, },
onLoad(options) { onLoad(options) {
@ -33,8 +37,6 @@
if(event.detail.errMsg == 'getPhoneNumber:ok'){ if(event.detail.errMsg == 'getPhoneNumber:ok'){
let encryptedData = event.detail.encryptedData; let encryptedData = event.detail.encryptedData;
let iv = event.detail.iv; let iv = event.detail.iv;
console.log('============',event);
// let userInfo = uni.getStorageSync('userinfo') || {};
this.$http(this.API.API_WECHAT_SETPHONE, { this.$http(this.API.API_WECHAT_SETPHONE, {
encryptedData, encryptedData,
iv, iv,
@ -45,12 +47,14 @@
let str = decodeURIComponent(this.loadOptions); let str = decodeURIComponent(this.loadOptions);
this.$http(this.API.API_CONFIRM_CODE, {verify_code: str}).then(res => { this.$http(this.API.API_CONFIRM_CODE, {verify_code: str}).then(res => {
this.$msg('核销成功!'); this.$msg('核销成功!');
this.haveVerfiy = true
}); });
}) })
} }
}else { }else {
let str = decodeURIComponent(this.loadOptions); let str = decodeURIComponent(this.loadOptions);
this.$http(this.API.API_CONFIRM_CODE, {verify_code: str}).then(res => { this.$http(this.API.API_CONFIRM_CODE, {verify_code: str}).then(res => {
this.haveVerfiy = true
this.$msg('核销成功!'); this.$msg('核销成功!');
}); });
} }
@ -66,5 +70,19 @@
border-radius: 50%; border-radius: 50%;
background-color: #1998FE; background-color: #1998FE;
color: white; color: white;
display: flex;
justify-content: center;
align-items: center;
}
.cu-btn1 {
width: 260rpx;
height: 260rpx;
border-radius: 50%;
background-color: #777;
color: white;
display: flex;
justify-content: center;
align-items: center;
} }
</style> </style>
Loading…
Cancel
Save