|
@@ -10,18 +10,23 @@
|
|
width:imgWidth+'rpx',
|
|
width:imgWidth+'rpx',
|
|
height:imgWidth+'rpx'
|
|
height:imgWidth+'rpx'
|
|
}">
|
|
}">
|
|
- <image @click="quxq(mdata)" style="width:90px;height:90px;" :round="3" :src="mdata[keyMap['img']]"></image>
|
|
|
|
|
|
+ <image @click="quxq(mdata)" style="width:90px;height:90px;" :round="3" :src="mdata[keyMap['img']]"></image>
|
|
</view>
|
|
</view>
|
|
<view class="tm-cartCellListFood-r fulled ">
|
|
<view class="tm-cartCellListFood-r fulled ">
|
|
<view class="pl-15">
|
|
<view class="pl-15">
|
|
- <view class="title text-size-s text-weight-b text-overflow-2" style="line-height: 32rpx;" :class="[black_tmeme ? 'bk' : '',]">
|
|
|
|
|
|
+ <view class="title text-size-s text-weight-b text-overflow-2" style="line-height: 32rpx;"
|
|
|
|
+ :class="[black_tmeme ? 'bk' : '',]">
|
|
{{mdata[keyMap['title']]}}
|
|
{{mdata[keyMap['title']]}}
|
|
<image v-if="typeclick==4" class="shanchu" src="/static/img/94.png"></image>
|
|
<image v-if="typeclick==4" class="shanchu" src="/static/img/94.png"></image>
|
|
</view>
|
|
</view>
|
|
- <view style="min-height: 64rpx;" >
|
|
|
|
- <view v-if="!dense&&mdata[keyMap['label']]" class="tm-cartCellListFood-label text-size-s text-grey py-8">{{mdata[keyMap['label']]}}</view>
|
|
|
|
- <view v-if="!dense&&mdata[keyMap['label']]" class="tm-cartCellListFood-label text-size-s text-grey py-8 text-red">{{mdata[keyMap['size']]}}</view>
|
|
|
|
- <view v-if="mdata[keyMap['saleLabel']]&&!dense" class="tm-cartCellListFood-sale text-size-s text-grey">
|
|
|
|
|
|
+ <view style="min-height: 64rpx;">
|
|
|
|
+ <view v-if="!dense&&mdata[keyMap['label']]"
|
|
|
|
+ class="tm-cartCellListFood-label text-size-s text-grey py-8">{{mdata[keyMap['label']]}}</view>
|
|
|
|
+ <view v-if="!dense&&mdata[keyMap['label']]"
|
|
|
|
+ class="tm-cartCellListFood-label text-size-s text-grey py-8 text-red">{{mdata[keyMap['size']]}}
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="mdata[keyMap['saleLabel']]&&!dense"
|
|
|
|
+ class="tm-cartCellListFood-sale text-size-s text-grey">
|
|
<block v-for="(item,index) in mdata[keyMap['saleLabel']]" :key="index">
|
|
<block v-for="(item,index) in mdata[keyMap['saleLabel']]" :key="index">
|
|
<tm-tags :black="black_tmeme" :color="color" v-if="index<4" size="xs">{{item}}</tm-tags>
|
|
<tm-tags :black="black_tmeme" :color="color" v-if="index<4" size="xs">{{item}}</tm-tags>
|
|
</block>
|
|
</block>
|
|
@@ -29,10 +34,13 @@
|
|
</view>
|
|
</view>
|
|
<view class="tm-cartCellListFood-price flex-between">
|
|
<view class="tm-cartCellListFood-price flex-between">
|
|
<view>
|
|
<view>
|
|
- <text class="text-size-xs text-red" v-if="typeclick!=3 && typeclick!=6 && typeclick!=8">¥</text>
|
|
|
|
- <text v-if="typeclick!=3 && typeclick!=6 && typeclick!=8" class="text-size-n text-red text-weight-b px-5">{{mdata[keyMap['price']]}}</text>
|
|
|
|
- <text v-if="mdata[keyMap['unit']]" class="text-size-xs text-grey pr-10">/{{mdata[keyMap['unit']]}}</text>
|
|
|
|
- <text v-if="mdata[keyMap['salePrice']]" class="text-delete text-size-xxs text-grey">¥{{mdata[keyMap['salePrice']]}}</text>
|
|
|
|
|
|
+ <text class="text-size-xs text-red" v-if="typeclick!=3 && typeclick!=6">¥</text>
|
|
|
|
+ <text v-if="typeclick!=3 && typeclick!=6"
|
|
|
|
+ class="text-size-n text-red text-weight-b px-5">{{mdata[keyMap['price']]}}</text>
|
|
|
|
+ <text v-if="mdata[keyMap['unit']]"
|
|
|
|
+ class="text-size-xs text-grey pr-10">/{{mdata[keyMap['unit']]}}</text>
|
|
|
|
+ <text v-if="mdata[keyMap['salePrice']]"
|
|
|
|
+ class="text-delete text-size-xxs text-grey">¥{{mdata[keyMap['salePrice']]}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex jiarugouwuche" v-if="typeclick==1" @click="jiaru(mdata)">
|
|
<view class="flex jiarugouwuche" v-if="typeclick==1" @click="jiaru(mdata)">
|
|
<image class="" src="/static/img/86.png"></image>
|
|
<image class="" src="/static/img/86.png"></image>
|
|
@@ -42,15 +50,17 @@
|
|
<view :style="{
|
|
<view :style="{
|
|
width:`${actionSize}rpx`,
|
|
width:`${actionSize}rpx`,
|
|
height:`${actionSize}rpx`,
|
|
height:`${actionSize}rpx`,
|
|
- }" :class="[color,black_tmeme ? 'bk' : '',]" @click="jian" class="tm-cartCellListFood-actions rounded flex-center outlined">
|
|
|
|
- <text class="iconfont icon-minus text-size-xxs"></text>
|
|
|
|
|
|
+ }" :class="[color,black_tmeme ? 'bk' : '',]" @click="jian"
|
|
|
|
+ class="tm-cartCellListFood-actions rounded flex-center outlined">
|
|
|
|
+ <text class="iconfont icon-minus text-size-xxs"></text>
|
|
</view>
|
|
</view>
|
|
<view class="px-12 text-size-n " :class="[black_tmeme ? 'bk' : '',]">{{cNum}}</view>
|
|
<view class="px-12 text-size-n " :class="[black_tmeme ? 'bk' : '',]">{{cNum}}</view>
|
|
</block>
|
|
</block>
|
|
<view :style="{
|
|
<view :style="{
|
|
width:`${actionSize}rpx`,
|
|
width:`${actionSize}rpx`,
|
|
height:`${actionSize}rpx`,
|
|
height:`${actionSize}rpx`,
|
|
- }" :class="[color,`border-${color}-a-1`,black_tmeme ? 'bk' : '',]" @click="jia" class="tm-cartCellListFood-actions rounded flex-center ">
|
|
|
|
|
|
+ }" :class="[color,`border-${color}-a-1`,black_tmeme ? 'bk' : '',]" @click="jia"
|
|
|
|
+ class="tm-cartCellListFood-actions rounded flex-center ">
|
|
<text class="iconfont icon-plus text-size-xs"></text>
|
|
<text class="iconfont icon-plus text-size-xs"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -59,16 +69,17 @@
|
|
</view>
|
|
</view>
|
|
<view class="flex" v-if="typeclick==4">
|
|
<view class="flex" v-if="typeclick==4">
|
|
<view class="" v-if="mdata[keyMap['orderStatus']]==0">
|
|
<view class="" v-if="mdata[keyMap['orderStatus']]==0">
|
|
- <view class="fukuan">去付款</view>
|
|
|
|
|
|
+ <view class="fukuan" @click="goPay(mdata,0)">去付款</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex" v-if="mdata[keyMap['orderStatus']]==1 ||mdata[keyMap['orderStatus']]==2">
|
|
<view class="flex" v-if="mdata[keyMap['orderStatus']]==1 ||mdata[keyMap['orderStatus']]==2">
|
|
- <view class="fukuan mr-10">再次购买</view>
|
|
|
|
- <view class="fukuan" >{{mdata[keyMap['orderStatus']]==1?'确认收货':'去评价'}}</view>
|
|
|
|
|
|
+ <view class="fukuan mr-10" @click="goBuy(mdata,1)">再次购买</view>
|
|
|
|
+ <view class="fukuan" @click="goSure(mdata,1)" v-if="mdata[keyMap['orderStatus']]==1">确认收货</view>
|
|
|
|
+ <view class="fukuan" @click="goEval(mdata,2)" v-if="mdata[keyMap['orderStatus']]==2">去评价</view>
|
|
</view>
|
|
</view>
|
|
- <view class="flex" v-if="mdata[keyMap['orderStatus']]==-2">
|
|
|
|
- <view class="fukuan mr-10">再次购买</view>
|
|
|
|
- <view class="fukuan" >确认收货</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <!-- <view class="flex" v-if="mdata[keyMap['orderStatus']]==-2">
|
|
|
|
+ <view class="fukuan mr-10">再次购买</view>
|
|
|
|
+ <view class="fukuan">确认收货</view>
|
|
|
|
+ </view> -->
|
|
</view>
|
|
</view>
|
|
<view style="position: absolute;right: 20px;" v-if="typeclick==5">
|
|
<view style="position: absolute;right: 20px;" v-if="typeclick==5">
|
|
<view class="genghuan mr-10">出库</view>
|
|
<view class="genghuan mr-10">出库</view>
|
|
@@ -78,12 +89,6 @@
|
|
<view class="genghuan mr-10" @click="genghuan(mdata,1)">更换</view>
|
|
<view class="genghuan mr-10" @click="genghuan(mdata,1)">更换</view>
|
|
<view class="genghuan" @click="genghuan(mdata,2)">出库</view>
|
|
<view class="genghuan" @click="genghuan(mdata,2)">出库</view>
|
|
</view>
|
|
</view>
|
|
- <view style="position: absolute;right: 20px;" v-if="typeclick==7">
|
|
|
|
- <view class="genghuan mr-10" @click="genghuan(mdata,1)">更换</view>
|
|
|
|
- </view>
|
|
|
|
- <view style="position: absolute;right: 20px;" v-if="typeclick==8">
|
|
|
|
-
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -109,65 +114,69 @@
|
|
import tmImages from "@/tm-vuetify/components/tm-images/tm-images.vue"
|
|
import tmImages from "@/tm-vuetify/components/tm-images/tm-images.vue"
|
|
import tmTags from "@/tm-vuetify/components/tm-tags/tm-tags.vue"
|
|
import tmTags from "@/tm-vuetify/components/tm-tags/tm-tags.vue"
|
|
export default {
|
|
export default {
|
|
- components:{tmSliderNav,tmImages,tmTags},
|
|
|
|
- name:"tm-cartCellListFood",
|
|
|
|
- props:{
|
|
|
|
- imgWidth:{
|
|
|
|
- type:Number,
|
|
|
|
- default:140,
|
|
|
|
|
|
+ components: {
|
|
|
|
+ tmSliderNav,
|
|
|
|
+ tmImages,
|
|
|
|
+ tmTags
|
|
|
|
+ },
|
|
|
|
+ name: "tm-cartCellListFood",
|
|
|
|
+ props: {
|
|
|
|
+ imgWidth: {
|
|
|
|
+ type: Number,
|
|
|
|
+ default: 140,
|
|
},
|
|
},
|
|
- cartNum:{
|
|
|
|
- type:Number,
|
|
|
|
- default:0
|
|
|
|
|
|
+ cartNum: {
|
|
|
|
+ type: Number,
|
|
|
|
+ default: 0
|
|
},
|
|
},
|
|
- color:{
|
|
|
|
- type:String,
|
|
|
|
- default:'primary'
|
|
|
|
|
|
+ color: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: 'primary'
|
|
},
|
|
},
|
|
- bgColor:{
|
|
|
|
- type:String,
|
|
|
|
- default:'white'
|
|
|
|
|
|
+ bgColor: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: 'white'
|
|
},
|
|
},
|
|
// 字段映射表,每个人的mdata的数据字段不一样。如果不同就映射下吧。
|
|
// 字段映射表,每个人的mdata的数据字段不一样。如果不同就映射下吧。
|
|
- keyMap:{
|
|
|
|
- type:Object,
|
|
|
|
- default:()=>{
|
|
|
|
|
|
+ keyMap: {
|
|
|
|
+ type: Object,
|
|
|
|
+ default: () => {
|
|
return {
|
|
return {
|
|
- img:'img',
|
|
|
|
- title:'title',
|
|
|
|
- label:'label',
|
|
|
|
- price:'price',
|
|
|
|
- salePrice:'salePrice',
|
|
|
|
- saleLabel:'saleLabel',
|
|
|
|
- unit:'unit',
|
|
|
|
- buy:'buy',
|
|
|
|
- size:'size',
|
|
|
|
- orderStatus:'orderStatus'
|
|
|
|
|
|
+ img: 'img',
|
|
|
|
+ title: 'title',
|
|
|
|
+ label: 'label',
|
|
|
|
+ price: 'price',
|
|
|
|
+ salePrice: 'salePrice',
|
|
|
|
+ saleLabel: 'saleLabel',
|
|
|
|
+ unit: 'unit',
|
|
|
|
+ buy: 'buy',
|
|
|
|
+ size: 'size',
|
|
|
|
+ orderStatus: 'orderStatus'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 精简后,不显示简介文字和优惠文字,只显示标题,价格和数量
|
|
// 精简后,不显示简介文字和优惠文字,只显示标题,价格和数量
|
|
- dense:{
|
|
|
|
- type:Boolean|String,
|
|
|
|
- default:false
|
|
|
|
|
|
+ dense: {
|
|
|
|
+ type: Boolean | String,
|
|
|
|
+ default: false
|
|
},
|
|
},
|
|
//增减按钮大小。单位rpx
|
|
//增减按钮大小。单位rpx
|
|
- actionSize:{
|
|
|
|
- type:Number,
|
|
|
|
- default:38
|
|
|
|
|
|
+ actionSize: {
|
|
|
|
+ type: Number,
|
|
|
|
+ default: 38
|
|
},
|
|
},
|
|
// 显示上边线还是下边线。可选top / bottom
|
|
// 显示上边线还是下边线。可选top / bottom
|
|
border: {
|
|
border: {
|
|
type: String,
|
|
type: String,
|
|
default: 'top'
|
|
default: 'top'
|
|
},
|
|
},
|
|
- black:{
|
|
|
|
- type:Boolean|String,
|
|
|
|
- default:null
|
|
|
|
|
|
+ black: {
|
|
|
|
+ type: Boolean | String,
|
|
|
|
+ default: null
|
|
},
|
|
},
|
|
- mdata:{
|
|
|
|
- type:Object,
|
|
|
|
- default:()=>{
|
|
|
|
|
|
+ mdata: {
|
|
|
|
+ type: Object,
|
|
|
|
+ default: () => {
|
|
// return {
|
|
// return {
|
|
// img:'https://picsum.photos/300?k=2',
|
|
// img:'https://picsum.photos/300?k=2',
|
|
// title:'特色单人套餐(任选)',
|
|
// title:'特色单人套餐(任选)',
|
|
@@ -181,87 +190,157 @@
|
|
return {};
|
|
return {};
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- typeclick:{
|
|
|
|
- type:Number,
|
|
|
|
- default:0
|
|
|
|
|
|
+ typeclick: {
|
|
|
|
+ type: Number,
|
|
|
|
+ default: 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- watch:{
|
|
|
|
- 'mdata.buy':function(val){
|
|
|
|
- if(this.cart_num==val) return;
|
|
|
|
|
|
+ watch: {
|
|
|
|
+ 'mdata.buy': function(val) {
|
|
|
|
+ if (this.cart_num == val) return;
|
|
this.cart_num = val;
|
|
this.cart_num = val;
|
|
},
|
|
},
|
|
},
|
|
},
|
|
- computed:{
|
|
|
|
|
|
+ computed: {
|
|
black_tmeme: function() {
|
|
black_tmeme: function() {
|
|
if (this.black !== null) return this.black;
|
|
if (this.black !== null) return this.black;
|
|
return this.$tm.vx.state().tmVuetify.black;
|
|
return this.$tm.vx.state().tmVuetify.black;
|
|
},
|
|
},
|
|
-
|
|
|
|
- cart_num:{
|
|
|
|
- get:function(){
|
|
|
|
- return this.cNum;
|
|
|
|
|
|
+
|
|
|
|
+ cart_num: {
|
|
|
|
+ get: function() {
|
|
|
|
+ return this.cNum;
|
|
},
|
|
},
|
|
- set:function(val){
|
|
|
|
|
|
+ set: function(val) {
|
|
this.cNum = val;
|
|
this.cNum = val;
|
|
- this.$emit("update:cartNum",val)
|
|
|
|
|
|
+ this.$emit("update:cartNum", val)
|
|
// #ifdef H5
|
|
// #ifdef H5
|
|
- this.$nextTick(function(){
|
|
|
|
- this.$emit("change",val)
|
|
|
|
|
|
+ this.$nextTick(function() {
|
|
|
|
+ this.$emit("change", val)
|
|
})
|
|
})
|
|
// #endif
|
|
// #endif
|
|
-
|
|
|
|
|
|
+
|
|
// #ifndef H5
|
|
// #ifndef H5
|
|
- this.$emit("change",val)
|
|
|
|
|
|
+ this.$emit("change", val)
|
|
// #endif
|
|
// #endif
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- cNum:0,
|
|
|
|
|
|
+ cNum: 0,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
this.cNum = this.mdata.buy;
|
|
this.cNum = this.mdata.buy;
|
|
},
|
|
},
|
|
- methods:{
|
|
|
|
- jiaru(data){
|
|
|
|
- this.$emit('jiaruFun', {data:data,type:2});
|
|
|
|
|
|
+ methods: {
|
|
|
|
+ // 付款
|
|
|
|
+ goPay(data,type){
|
|
|
|
+ console.log(data);
|
|
|
|
+ },
|
|
|
|
+ // 评价
|
|
|
|
+ goEval(data,type){
|
|
|
|
+ // console.log(data);
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:'/pages/pingjia/index?no='+data.orderNo
|
|
|
|
+ })
|
|
},
|
|
},
|
|
- genghuan(data,type){
|
|
|
|
- if(type==1){
|
|
|
|
- this.$emit('genghuan', {data:data,type:type});
|
|
|
|
- }else if(type==2){
|
|
|
|
- this.$emit('genghuan', {data:data,type:type});
|
|
|
|
|
|
+ // 确认收货
|
|
|
|
+ goSure(data,type){
|
|
|
|
+ console.log(data);
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ //购买
|
|
|
|
+ goBuy(data,type){
|
|
|
|
+ console.log(data);
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ jiaru(data) {
|
|
|
|
+ this.$emit('jiaruFun', {
|
|
|
|
+ data: data,
|
|
|
|
+ type: 2
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ genghuan(data, type) {
|
|
|
|
+ if (type == 1) {
|
|
|
|
+ this.$emit('genghuan', {
|
|
|
|
+ data: data,
|
|
|
|
+ type: type
|
|
|
|
+ });
|
|
|
|
+ } else if (type == 2) {
|
|
|
|
+ this.$emit('genghuan', {
|
|
|
|
+ data: data,
|
|
|
|
+ type: type
|
|
|
|
+ });
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- quxq(data){
|
|
|
|
- this.$emit('jiaruFun', {data:data,type:1});
|
|
|
|
|
|
+ quxq(data) {
|
|
|
|
+ this.$emit('jiaruFun', {
|
|
|
|
+ data: data,
|
|
|
|
+ type: 1
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- jian(){
|
|
|
|
|
|
+ jian() {
|
|
const buyNum = this.cNum;
|
|
const buyNum = this.cNum;
|
|
- if(buyNum<=0) {
|
|
|
|
|
|
+ if (buyNum <= 0) {
|
|
this.cart_num = 0;
|
|
this.cart_num = 0;
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- this.cart_num = buyNum-1
|
|
|
|
|
|
+ this.cart_num = buyNum - 1
|
|
},
|
|
},
|
|
- jia(){
|
|
|
|
|
|
+ jia() {
|
|
const buyNum = this.cNum;
|
|
const buyNum = this.cNum;
|
|
- this.cart_num = parseInt(buyNum) + 1
|
|
|
|
- },
|
|
|
|
|
|
+ this.cart_num = parseInt(buyNum) + 1
|
|
|
|
+ },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|
|
- .jiarugouwuche image{width: 28px !important;height:28px !important;}
|
|
|
|
- .qiangwang{width: 100px;height: 28px;background: #303440;border: 1px solid white;font-size: 13px;
|
|
|
|
- text-align: center;color: white;line-height: 28px;border-radius: 5px;margin-top: 30px;}
|
|
|
|
- .fukuan{color:white;font-size: 14px;background: #303440;padding:4px 15px 4px 15px;border-radius: 40px;}
|
|
|
|
- .shanchu{width: 25px;height:25px;float: right;}
|
|
|
|
- .genghuan{color:#EBEBEB;font-size: 14px;background: #303440;border-radius: 6px;width: 60px;height: 27px;
|
|
|
|
- border:1px solid #EBEBEB;text-align: center;line-height: 27px;margin-top: 8px;}
|
|
|
|
|
|
+ .jiarugouwuche image {
|
|
|
|
+ width: 28px !important;
|
|
|
|
+ height: 28px !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .qiangwang {
|
|
|
|
+ width: 100px;
|
|
|
|
+ height: 28px;
|
|
|
|
+ background: #303440;
|
|
|
|
+ border: 1px solid white;
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: white;
|
|
|
|
+ line-height: 28px;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .fukuan {
|
|
|
|
+ color: white;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ background: #303440;
|
|
|
|
+ padding: 4px 15px 4px 15px;
|
|
|
|
+ border-radius: 40px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .shanchu {
|
|
|
|
+ width: 25px;
|
|
|
|
+ height: 25px;
|
|
|
|
+ float: right;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .genghuan {
|
|
|
|
+ color: #EBEBEB;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ background: #303440;
|
|
|
|
+ border-radius: 6px;
|
|
|
|
+ width: 60px;
|
|
|
|
+ height: 27px;
|
|
|
|
+ border: 1px solid #EBEBEB;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 27px;
|
|
|
|
+ margin-top: 8px;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|