Skip to content

Y
ybf
Commit c8338800 authored by xd's avatar xd
Browse files
Options

商品详情样式调整

parent d0c50363
Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 71 deletions
ybf_wx/src/views/goods/goodGrounding.vue
View file @ c8338800
...@@ -22,77 +22,81 @@ ...@@ -22,77 +22,81 @@
</van-radio-group> </van-radio-group>
<div class="fr" v-if="type == 1"> <div class="fr" v-if="type == 1">
<span class="fr" style="margin-top:18px;">元</span> <span class="fr" style="margin-top:18px;">元</span>
<van-field <van-field
class="price" class="price"
readonly readonly
clickable clickable
:value="price" :value="price"
placeholder="请输入金额" placeholder="请输入金额"
@touchstart.native.stop="show2 = true" @touchstart.native.stop="show2 = true"
/> />
<van-number-keyboard <van-number-keyboard
v-model="price" v-model="price"
:show="show2" :show="show2"
@blur="show2 = false" @blur="show2 = false"
/> />
</div> </div>
<div class="fr" v-if="type == 2"> <div class="fr" v-if="type == 2">
<span class="fr" style="margin-top:18px;">%</span> <span class="fr" style="margin-top:18px;">%</span>
<van-field <van-field
class="price" class="price"
readonly readonly
clickable clickable
:value="percent" :value="percent"
placeholder="请输入百分比" placeholder="请输入百分比"
@touchstart.native.stop="show3 = true" @touchstart.native.stop="show3 = true"
/> />
<van-number-keyboard <van-number-keyboard
v-model="percent" v-model="percent"
:show="show3" :show="show3"
@blur="show3 = false" @blur="show3 = false"
/> />
</div> </div>
</div> </div>
</div> </div>
</van-cell> </van-cell>
<van-cell title="活动开始时间" style="font-size:14px;"> <van-cell title="活动开始时间" style="font-size:14px;">
<template slot="default"> <template slot="default">
<van-field <div class="jpsl">
v-model="startTime1" <van-field
placeholder="选择活动开始时间" v-model="startTime1"
readonly="readonly" placeholder="选择活动开始时间"
@click="startShow = true" readonly="readonly"
class="nop" @click="startShow = true"
/> class="nop"
<van-popup v-model="startShow" position="bottom" :overlay="true">
<van-datetime-picker
v-model="startTime"
type="datetime"
@cancel="startShow = false"
@confirm="handleStartTime"
@change="startTimeChange"
/> />
</van-popup> <van-popup v-model="startShow" position="bottom" :overlay="true">
<van-datetime-picker
v-model="startTime"
type="datetime"
@cancel="startShow = false"
@confirm="handleStartTime"
@change="startTimeChange"
/>
</van-popup>
</div>
</template> </template>
</van-cell> </van-cell>
<van-cell title="活动结束时间" style="font-size:14px;"> <van-cell title="活动结束时间" style="font-size:14px;">
<template slot="default"> <template slot="default">
<van-field <div class="jpsl">
v-model="endTime1" <van-field
placeholder="选择活动结束时间" v-model="endTime1"
readonly="readonly" placeholder="选择活动结束时间"
@click="endShow = true" readonly="readonly"
class="nop" @click="endShow = true"
/> class="nop"
<van-popup v-model="endShow" position="bottom" :overlay="true">
<van-datetime-picker
v-model="endTime"
type="datetime"
@cancel="endShow = false"
@confirm="handleEndTime"
@change="endTimeChange"
/> />
</van-popup> <van-popup v-model="endShow" position="bottom" :overlay="true">
<van-datetime-picker
v-model="endTime"
type="datetime"
@cancel="endShow = false"
@confirm="handleEndTime"
@change="endTimeChange"
/>
</van-popup>
</div>
</template> </template>
</van-cell> </van-cell>
<van-cell title="上架数量" style="font-size:14px;" class="nob"> <van-cell title="上架数量" style="font-size:14px;" class="nob">
...@@ -128,7 +132,7 @@ export default { ...@@ -128,7 +132,7 @@ export default {
startShow: false, startShow: false,
endShow: false, endShow: false,
number: "", number: "",
type: '1', type: "1",
show: false, show: false,
show2: false, show2: false,
show3: false, show3: false,
...@@ -141,8 +145,14 @@ export default { ...@@ -141,8 +145,14 @@ export default {
let year = 1900 + time.getYear(); let year = 1900 + time.getYear();
let month = "0" + (time.getMonth() + 1); let month = "0" + (time.getMonth() + 1);
let date = "0" + time.getDate(); let date = "0" + time.getDate();
return year + "-" + month.substring(month.length-2, month.length) + "-" + date.substring(date.length-2, date.length) return (
+ " " year +
"-" +
month.substring(month.length - 2, month.length) +
"-" +
date.substring(date.length - 2, date.length) +
" "
);
}, },
startTimeChange(e) { startTimeChange(e) {
let startTimeArr = e.getValues(); let startTimeArr = e.getValues();
...@@ -153,19 +163,21 @@ export default { ...@@ -153,19 +163,21 @@ export default {
this.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}`; this.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}`;
}, },
handleStartTime(value) { handleStartTime(value) {
this.startTime1 = this.timeFormat(value) this.startTime1 = this.timeFormat(value);
this.startShow = false this.startShow = false;
}, },
handleEndTime(value) { handleEndTime(value) {
this.endTime1 = this.timeFormat(value) this.endTime1 = this.timeFormat(value);
this.endShow = false this.endShow = false;
}, }
} }
}; };
</script> </script>
<style scoped> <style scoped>
.jpsl >>> .van-cell:not(:last-child)::after {
display: none;
}
.price { .price {
width: 88px; width: 88px;
height: 36px; height: 36px;
...@@ -261,14 +273,14 @@ h3 { ...@@ -261,14 +273,14 @@ h3 {
text-align: center; text-align: center;
} }
.creat { .creat {
width:96%; width: 96%;
height:40px; height: 40px;
background:rgba(117,178,253,1); background: rgba(117, 178, 253, 1);
border-radius:10px; border-radius: 10px;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
font-size:16px; font-size: 16px;
font-weight:bold; font-weight: bold;
color: #fff; color: #fff;
margin-left: 2%; margin-left: 2%;
position: absolute; position: absolute;
......
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