|
@@ -6,11 +6,13 @@
|
|
|
<image v-else :src="siteData.logo" mode="aspectFill"></image>
|
|
<image v-else :src="siteData.logo" mode="aspectFill"></image>
|
|
|
<view class="flex-1">
|
|
<view class="flex-1">
|
|
|
<view class="display-flex mb-16">
|
|
<view class="display-flex mb-16">
|
|
|
- <view class="w410 fs-40 fw-600 text-overflow-ellipsis-one">{{siteData.name?siteData.name:'请选择站点'}}</view>
|
|
|
|
|
|
|
+ <view class="w410 fs-40 fw-600 text-overflow-ellipsis-one">{{siteData.name?siteData.name:'请选择站点'}}
|
|
|
|
|
+ </view>
|
|
|
<view class="fs-28 fw-400 fc-41ABF5 text-align-right" @click="selectsShop()">【切换站点】</view>
|
|
<view class="fs-28 fw-400 fc-41ABF5 text-align-right" @click="selectsShop()">【切换站点】</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="display-flex">
|
|
<view class="display-flex">
|
|
|
- <view v-if="siteData.city_name||siteData.address" class="w410 fs-26 fw-400 fc-9">{{siteData.city_name}}{{siteData.address}}</view>
|
|
|
|
|
|
|
+ <view v-if="siteData.city_name||siteData.address" class="w410 fs-26 fw-400 fc-9">
|
|
|
|
|
+ {{siteData.city_name}}{{siteData.address}}</view>
|
|
|
<view v-else class="w410 fs-26 fw-400 fc-9">请选择站点已提供服务</view>
|
|
<view v-else class="w410 fs-26 fw-400 fc-9">请选择站点已提供服务</view>
|
|
|
<view class="text-align-center" style="margin-left: auto;">
|
|
<view class="text-align-center" style="margin-left: auto;">
|
|
|
<view class="text-align-right">
|
|
<view class="text-align-right">
|
|
@@ -20,9 +22,9 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<view class="box-border-box p-24" @click="openText()">
|
|
<view class="box-border-box p-24" @click="openText()">
|
|
|
<view class="sy-box flex-justify-space box-border-box p-16">
|
|
<view class="sy-box flex-justify-space box-border-box p-16">
|
|
|
<view class="align-items-center">
|
|
<view class="align-items-center">
|
|
@@ -32,17 +34,18 @@
|
|
|
<image src="@/static/img/toRight.png" mode=""></image>
|
|
<image src="@/static/img/toRight.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
|
<view class="common-view-css bgc-f" style="overflow: hidden;">
|
|
<view class="common-view-css bgc-f" style="overflow: hidden;">
|
|
|
<Menu ref="menuBox" style="height: 100%;" @relCardBuy='relCardBuy'></Menu>
|
|
<Menu ref="menuBox" style="height: 100%;" @relCardBuy='relCardBuy'></Menu>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<view class="shop-buttom-money box-border-box">
|
|
<view class="shop-buttom-money box-border-box">
|
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill" @click="openBuyCrad()"></image>
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill" @click="openBuyCrad()"></image>
|
|
|
- <view class="shop-buttom-num fs-24 fc-f text-align-center" @click="openBuyCrad()">{{cardData.total_num||'0'}}</view>
|
|
|
|
|
|
|
+ <view class="shop-buttom-num fs-24 fc-f text-align-center" @click="openBuyCrad()">
|
|
|
|
|
+ {{cardData.total_num||'0'}}</view>
|
|
|
<view class="">
|
|
<view class="">
|
|
|
<view class="">
|
|
<view class="">
|
|
|
<span class="fw-600 fs-24 fc-f">¥</span>
|
|
<span class="fw-600 fs-24 fc-f">¥</span>
|
|
@@ -52,9 +55,9 @@
|
|
|
<view class="shop-buttom-money-2 text-align-center fc-f fs-32 fw-600" @click="createOrder()">去结算</view>
|
|
<view class="shop-buttom-money-2 text-align-center fc-f fs-32 fw-600" @click="createOrder()">去结算</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<uni-popup ref="popupBuy" type="bottom">
|
|
<uni-popup ref="popupBuy" type="bottom">
|
|
|
<view class="buy-card flex-index-css">
|
|
<view class="buy-card flex-index-css">
|
|
|
<view class="buy-card-top box-border-box plr-32 flex-justify-space align-items-center">
|
|
<view class="buy-card-top box-border-box plr-32 flex-justify-space align-items-center">
|
|
@@ -79,16 +82,20 @@
|
|
|
<span class="fs-40 fc-FB3D03 fw-b">{{item.price}}</span>
|
|
<span class="fs-40 fc-FB3D03 fw-b">{{item.price}}</span>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="display-flex align-items-center">
|
|
<view class="display-flex align-items-center">
|
|
|
- <view v-show="item.number > 0" class="right-only-right-red fw-500 text-align-center fs-36 fc-f" @click="addred(1,item)">-</view>
|
|
|
|
|
- <view v-show="item.number > 0" class="right-only-right-2 text-align-center fs-28 fw-400">{{item.number}}</view>
|
|
|
|
|
- <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f" @click="addred(2,item)">+</view>
|
|
|
|
|
|
|
+ <view v-show="item.number > 0"
|
|
|
|
|
+ class="right-only-right-red fw-500 text-align-center fs-36 fc-f"
|
|
|
|
|
+ @click="addred(1,item)">-</view>
|
|
|
|
|
+ <view v-show="item.number > 0"
|
|
|
|
|
+ class="right-only-right-2 text-align-center fs-28 fw-400">{{item.number}}</view>
|
|
|
|
|
+ <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f"
|
|
|
|
|
+ @click="addred(2,item)">+</view>
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<view class="shop-buttom-money box-border-box" @click="createOrder()">
|
|
<view class="shop-buttom-money box-border-box" @click="createOrder()">
|
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
@@ -104,7 +111,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</uni-popup>
|
|
</uni-popup>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<uni-popup ref="popupText" type="bottom">
|
|
<uni-popup ref="popupText" type="bottom">
|
|
|
<view class="use-box box-border-box p-16">
|
|
<view class="use-box box-border-box p-16">
|
|
|
<view class="head-pop flex-justify-space align-items-center mb-24">
|
|
<view class="head-pop flex-justify-space align-items-center mb-24">
|
|
@@ -119,37 +126,46 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
- import {setShopIngNumber,setShopIngDel,getShopIngList,setShopIngAdd,} from '@/api/shopping.js'
|
|
|
|
|
- import {getCommonText} from '@/api/common.js';
|
|
|
|
|
-
|
|
|
|
|
|
|
+ import {
|
|
|
|
|
+ setShopIngNumber,
|
|
|
|
|
+ setShopIngDel,
|
|
|
|
|
+ getShopIngList,
|
|
|
|
|
+ setShopIngAdd,
|
|
|
|
|
+ } from '@/api/shopping.js'
|
|
|
|
|
+ import {
|
|
|
|
|
+ getCommonText
|
|
|
|
|
+ } from '@/api/common.js';
|
|
|
|
|
+
|
|
|
import Menu from './dry-mod/menu.vue';
|
|
import Menu from './dry-mod/menu.vue';
|
|
|
import tools from "@/service/tools";
|
|
import tools from "@/service/tools";
|
|
|
export default {
|
|
export default {
|
|
|
- components:{Menu},
|
|
|
|
|
- data(){
|
|
|
|
|
- return{
|
|
|
|
|
- laundry_str:'',
|
|
|
|
|
- siteData:{
|
|
|
|
|
- id:'',
|
|
|
|
|
- school_id:'',
|
|
|
|
|
- name:'',
|
|
|
|
|
- logo:'',
|
|
|
|
|
- distance:0,
|
|
|
|
|
- city_name:'',
|
|
|
|
|
- address:'',
|
|
|
|
|
|
|
+ components: {
|
|
|
|
|
+ Menu
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ laundry_str: '',
|
|
|
|
|
+ siteData: {
|
|
|
|
|
+ id: '',
|
|
|
|
|
+ school_id: '',
|
|
|
|
|
+ name: '',
|
|
|
|
|
+ logo: '',
|
|
|
|
|
+ distance: 0,
|
|
|
|
|
+ city_name: '',
|
|
|
|
|
+ address: '',
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- cardData:{
|
|
|
|
|
- goods_list:[],
|
|
|
|
|
- total_num:0,
|
|
|
|
|
- total_price:0,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ cardData: {
|
|
|
|
|
+ goods_list: [],
|
|
|
|
|
+ total_num: 0,
|
|
|
|
|
+ total_price: 0,
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- isAJAX:false,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ isAJAX: false,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad(e) {
|
|
onLoad(e) {
|
|
|
- if(e.data){
|
|
|
|
|
|
|
+ if (e.data) {
|
|
|
this.siteData = JSON.parse(decodeURIComponent(e.data));
|
|
this.siteData = JSON.parse(decodeURIComponent(e.data));
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
@@ -157,105 +173,119 @@
|
|
|
this.getText();
|
|
this.getText();
|
|
|
this.getCardList();
|
|
this.getCardList();
|
|
|
},
|
|
},
|
|
|
- methods:{
|
|
|
|
|
- cardAllDel(){
|
|
|
|
|
- if(this.cardData.goods_list.length > 0){
|
|
|
|
|
- setShopIngDel({type:3}).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ cardAllDel() {
|
|
|
|
|
+ if (this.cardData.goods_list.length > 0) {
|
|
|
|
|
+ setShopIngDel({
|
|
|
|
|
+ type: 3
|
|
|
|
|
+ }).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.cardData.goods_list = [];
|
|
this.cardData.goods_list = [];
|
|
|
this.getCardList();
|
|
this.getCardList();
|
|
|
this.$refs.menuBox.getTypeList();
|
|
this.$refs.menuBox.getTypeList();
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
tools.error('清空失败')
|
|
tools.error('清空失败')
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
tools.error('暂未选择商品')
|
|
tools.error('暂未选择商品')
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- relCardBuy(){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ relCardBuy() {
|
|
|
// 重置购物车
|
|
// 重置购物车
|
|
|
this.getCardList();
|
|
this.getCardList();
|
|
|
},
|
|
},
|
|
|
- getCardList(){
|
|
|
|
|
- getShopIngList({type:3}).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ getCardList() {
|
|
|
|
|
+ getShopIngList({
|
|
|
|
|
+ type: 3
|
|
|
|
|
+ }).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.cardData = res.data;
|
|
this.cardData = res.data;
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- getText(){
|
|
|
|
|
- getCommonText().then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ getText() {
|
|
|
|
|
+ getCommonText().then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.laundry_str = res.data.laundry_str
|
|
this.laundry_str = res.data.laundry_str
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- selectsShop(){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ selectsShop() {
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
- url:'/pages-buy/dry-mod/select-shop?id=' + this.siteData.id
|
|
|
|
|
|
|
+ url: '/pages-buy/dry-mod/select-shop?id=' + this.siteData.id
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- openText(){
|
|
|
|
|
|
|
+ openText() {
|
|
|
this.$refs.popupText.open()
|
|
this.$refs.popupText.open()
|
|
|
},
|
|
},
|
|
|
- closeMsg(){
|
|
|
|
|
|
|
+ closeMsg() {
|
|
|
this.$refs.popupText.close()
|
|
this.$refs.popupText.close()
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- openBuyCrad(){
|
|
|
|
|
|
|
+ openBuyCrad() {
|
|
|
this.$refs.popupBuy.open()
|
|
this.$refs.popupBuy.open()
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- addred(type,info){
|
|
|
|
|
- if(this.isAJAX){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ addred(type, info) {
|
|
|
|
|
+ if (this.isAJAX) {
|
|
|
return
|
|
return
|
|
|
}
|
|
}
|
|
|
this.isAJAX = true;
|
|
this.isAJAX = true;
|
|
|
- if(type === 1){
|
|
|
|
|
|
|
+ if (type === 1) {
|
|
|
// 减
|
|
// 减
|
|
|
- setShopIngNumber({type:3,goods_id:info.goods_id,category_id:info.category_id,operation:2}).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ setShopIngNumber({
|
|
|
|
|
+ type: 3,
|
|
|
|
|
+ goods_id: info.goods_id,
|
|
|
|
|
+ category_id: info.category_id,
|
|
|
|
|
+ operation: 2
|
|
|
|
|
+ }).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
info.num -= 1;
|
|
info.num -= 1;
|
|
|
this.getCardList();
|
|
this.getCardList();
|
|
|
this.$refs.menuBox.getTypeList();
|
|
this.$refs.menuBox.getTypeList();
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
tools.error(res.msg)
|
|
tools.error(res.msg)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
-
|
|
|
|
|
- }else if(type === 2){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ } else if (type === 2) {
|
|
|
// 加
|
|
// 加
|
|
|
- setShopIngAdd({type:3,goods_id:info.goods_id,category_id:info.category_id}).then((res)=>{
|
|
|
|
|
- if(res.code === 1){
|
|
|
|
|
|
|
+ setShopIngAdd({
|
|
|
|
|
+ type: 3,
|
|
|
|
|
+ goods_id: info.goods_id,
|
|
|
|
|
+ category_id: info.category_id
|
|
|
|
|
+ }).then((res) => {
|
|
|
|
|
+ if (res.code === 1) {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
info.num += 1;
|
|
info.num += 1;
|
|
|
this.getCardList();
|
|
this.getCardList();
|
|
|
this.$refs.menuBox.getTypeList();
|
|
this.$refs.menuBox.getTypeList();
|
|
|
- }else{
|
|
|
|
|
|
|
+ } else {
|
|
|
this.isAJAX = false;
|
|
this.isAJAX = false;
|
|
|
tools.error(res.msg)
|
|
tools.error(res.msg)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- createOrder(){
|
|
|
|
|
- if(this.cardData.goods_list.length == 0){
|
|
|
|
|
|
|
+
|
|
|
|
|
+ createOrder() {
|
|
|
|
|
+ if (this.cardData.goods_list.length == 0) {
|
|
|
return tools.error('请选择商品')
|
|
return tools.error('请选择商品')
|
|
|
}
|
|
}
|
|
|
- if(!this.siteData.id){
|
|
|
|
|
|
|
+ if (!this.siteData.id) {
|
|
|
return tools.error('请选择站点')
|
|
return tools.error('请选择站点')
|
|
|
}
|
|
}
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
- url:'/pages-buy/save-dry?id=' + this.siteData.id
|
|
|
|
|
|
|
+ url: '/pages-buy/save-dry?id=' + this.siteData.id + '&siteData_logo=' + this.siteData.logo +
|
|
|
|
|
+ '&siteData_name=' + this.siteData.name
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
@@ -263,22 +293,24 @@
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
- .use-box{
|
|
|
|
|
|
|
+ .use-box {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 70vh;
|
|
height: 70vh;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
- .head-pop{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .head-pop {
|
|
|
padding-bottom: 34rpx !important;
|
|
padding-bottom: 34rpx !important;
|
|
|
border-bottom: 1rpx solid #F2F2F2;
|
|
border-bottom: 1rpx solid #F2F2F2;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .dry-clean-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .dry-clean-box {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- .right-only-right-red{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .right-only-right-red {
|
|
|
width: 44rpx;
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
height: 44rpx;
|
|
|
line-height: 40rpx;
|
|
line-height: 40rpx;
|
|
@@ -286,48 +318,58 @@
|
|
|
border: 1rpx solid #41ABF5;
|
|
border: 1rpx solid #41ABF5;
|
|
|
color: #41ABF5;
|
|
color: #41ABF5;
|
|
|
}
|
|
}
|
|
|
- .right-only-right-add{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .right-only-right-add {
|
|
|
width: 44rpx;
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
height: 44rpx;
|
|
|
line-height: 40rpx;
|
|
line-height: 40rpx;
|
|
|
- background: linear-gradient( 117deg, #57CAFF 0%, #41ABF5 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(117deg, #57CAFF 0%, #41ABF5 100%);
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
}
|
|
}
|
|
|
- .right-only-right-2{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .right-only-right-2 {
|
|
|
min-width: 50rpx;
|
|
min-width: 50rpx;
|
|
|
}
|
|
}
|
|
|
- .w-514{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .w-514 {
|
|
|
width: 514rpx;
|
|
width: 514rpx;
|
|
|
}
|
|
}
|
|
|
- .w410{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .w410 {
|
|
|
width: 410rpx;
|
|
width: 410rpx;
|
|
|
}
|
|
}
|
|
|
- .head-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .head-box {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(51,51,51,0.06);
|
|
|
|
|
- image{
|
|
|
|
|
|
|
+ box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(51, 51, 51, 0.06);
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
width: 100rpx;
|
|
width: 100rpx;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
|
margin-right: 18rpx;
|
|
margin-right: 18rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .sy-box{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .sy-box {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
background: #F2F2F2;
|
|
background: #F2F2F2;
|
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
|
- image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .shop-buttom-money{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .shop-buttom-money {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 140rpx;
|
|
height: 140rpx;
|
|
|
- background: rgba(255,255,255,0.8);
|
|
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.8);
|
|
|
padding: 20rpx 24rpx;
|
|
padding: 20rpx 24rpx;
|
|
|
- .shop-buttom-money-1{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .shop-buttom-money-1 {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
background: #333333;
|
|
background: #333333;
|
|
@@ -336,14 +378,16 @@
|
|
|
padding-left: 136rpx;
|
|
padding-left: 136rpx;
|
|
|
// padding-right: 32rpx;
|
|
// padding-right: 32rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
left: 8rpx;
|
|
left: 8rpx;
|
|
|
width: 128rpx;
|
|
width: 128rpx;
|
|
|
height: 128rpx;
|
|
height: 128rpx;
|
|
|
}
|
|
}
|
|
|
- .shop-buttom-num{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .shop-buttom-num {
|
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
|
line-height: 32rpx;
|
|
line-height: 32rpx;
|
|
@@ -353,7 +397,8 @@
|
|
|
top: 36rpx;
|
|
top: 36rpx;
|
|
|
left: 82rpx;
|
|
left: 82rpx;
|
|
|
}
|
|
}
|
|
|
- .shop-buttom-money-2{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .shop-buttom-money-2 {
|
|
|
width: 200rpx;
|
|
width: 200rpx;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
|
line-height: 100rpx;
|
|
line-height: 100rpx;
|
|
@@ -362,21 +407,25 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .buy-card{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .buy-card {
|
|
|
height: 828rpx;
|
|
height: 828rpx;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
- .buy-card-top{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .buy-card-top {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 92rpx;
|
|
height: 92rpx;
|
|
|
background: #FCF5DB;
|
|
background: #FCF5DB;
|
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
}
|
|
}
|
|
|
- .buy-card-item{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .buy-card-item {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 176rpx;
|
|
height: 176rpx;
|
|
|
margin-bottom: 32rpx;
|
|
margin-bottom: 32rpx;
|
|
|
- image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ image {
|
|
|
width: 152rpx;
|
|
width: 152rpx;
|
|
|
height: 152rpx;
|
|
height: 152rpx;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|