增加购物车数量显示，配置多语言

commont/messages.js

@@ -527,7 +527,7 @@ export default {
       refundNumber: "退款编号",
       PendingProcessing: "待商家处理",
       //我的供应链商品
-      supplyChain: "我的供应链商品",
+      // supplyChain: "我的供应链商品",
       removedSuccessfully: "下架成功",
       successfullyListed: "上架成功",
       //结果反馈
@@ -562,6 +562,22 @@ export default {
       checkFirst: "请先勾选",
       applicationResult: "申请成功，请等待审核结果",
       pleaseIdentity: "请先完成身份核验",
+      //申请退款
+      reasonApplication: "申请原因",
+      applicationDescription: "申请说明",
+      detailedDescription: "请您详细填写申请说明",
+      uploadCredentials: "上传凭证",
+      upSheets: "最多9张",
+      submitApplication: "提交申请",
+      selectRefund: "请选择退款原因",
+      beCompleted: "请等待图片上传完毕",
+      appliedReview: "已申请，请等待审核",
+      wrongShot: "拍错/多拍/不喜欢",
+      pageDescription: "商品与页面描述不符",
+      productDamage: "商品破损/包装问题",
+      incorrectly: "收货地址/手机号填错了",
+      wrongItem: "卖家发错货",
+      otherReasons: "其他原因",
     },
   },
   //英语
@@ -1133,6 +1149,22 @@ export default {
       applicationResult:
         "Application successful, please wait for the review result",
       pleaseIdentity: "Please complete the identity verification first",
+      //申请退款
+      reasonApplication: "Reason for application",
+      applicationDescription: "Application Description",
+      detailedDescription: "Please provide detailed application instructions",
+      uploadCredentials: "Upload credentials",
+      upSheets: "Up to 9 sheets",
+      submitApplication: "Submit application",
+      selectRefund: "Please select the reason for refund",
+      beCompleted: "Please wait for the image upload to be completed",
+      appliedReview: "Applied, please wait for review",
+      wrongShot: "Wrong shot/multiple shots/dislike",
+      pageDescription: "The product does not match the page description",
+      productDamage: "Product damage/packaging issues",
+      incorrectly: "The shipping address/phone number is filled in incorrectly",
+      wrongItem: "The seller sent the wrong item",
+      otherReasons: "Other reasons",
     },
   },
   // 西班牙
@@ -1716,6 +1748,25 @@ export default {
         "La solicitud es exitosa, por favor espere los resultados de la auditoría.",
       pleaseIdentity:
         "Por favor, complete la verificación de identidad primero.",
+      //申请退款
+      reasonApplication: "Razones de la solicitud",
+      applicationDescription: "Descripción de la solicitud",
+      detailedDescription:
+        "Por favor, rellene la descripción de la solicitud en detalle.",
+      uploadCredentials: "Cargar comprobantes",
+      upSheets: "Hasta 9",
+      submitApplication: "Presentación de la solicitud",
+      selectRefund: "Por favor, elija la razón del reembolso.",
+      beCompleted: "Por favor, espere a que la imagen se suba.",
+      appliedReview: "Se ha solicitado, por favor espere la revisión.",
+      wrongShot: "Disparar mal / disparar más / no gustar",
+      pageDescription:
+        "El producto no coincide con la descripción de la página",
+      productDamage: "Problemas de rotura / embalaje de mercancías",
+      incorrectly:
+        "Dirección de recepción / número de teléfono móvil rellenado incorrectamente",
+      wrongItem: "El vendedor envía los productos equivocados",
+      otherReasons: "Otras razones",
     },
   },
   //意大利
@@ -2293,6 +2344,24 @@ export default {
       applicationResult:
         "Applicazione riuscita, si prega di attendere il risultato della recensione",
       pleaseIdentity: "Si prega di completare prima la verifica dell'identità",
+      //申请退款
+      reasonApplication: "Motivo della domanda",
+      applicationDescription: "Descrizione dell'applicazione",
+      detailedDescription: "Fornire istruzioni dettagliate per l'applicazione",
+      uploadCredentials: "Carica credenziali",
+      upSheets: "Fino a 9 fogli",
+      submitApplication: "Invia domanda",
+      selectRefund: "Seleziona il motivo del rimborso",
+      beCompleted: "Attendi che il caricamento dell'immagine sia completato",
+      appliedReview: "Applicato, si prega di attendere la revisione",
+      wrongShot: "Colpo sbagliato/scatti multipli/antipatia",
+      pageDescription:
+        "Il prodotto non corrisponde alla descrizione della pagina",
+      productDamage: "Problemi di danneggiamento del prodotto/imballaggio",
+      incorrectly:
+        "L'indirizzo di spedizione / numero di telefono è inserito in modo errato",
+      wrongItem: "Il venditore ha inviato l'articolo sbagliato",
+      otherReasons: "Altri motivi",
     },
   },
 };

components/kj-tabbar/kj-tabbar.vue

@@ -1,413 +1,397 @@
 <template>
-	<view id="tabber" style="position: fixed; z-index: 1000; bottom: 0">
-		<view class="bottom u-flex u-row-between" v-if="value1 == 2">
-			<view class="u-flex">
-				<u-checkbox-group v-model="all" placement="column" @change="checkAll">
-					<u-checkbox shape="circle" :name="i18n.selectall" activeColor="#F83224">
-					</u-checkbox>
-				</u-checkbox-group>
-				<text class="all">{{ i18n.selectall }}</text>
-			</view>
-			<view v-if="!success" class="dle" @click="$emit('selectDelete')">
-				{{ i18n.delete }}
-			</view>
-			<view class="u-flex" v-else>
-				<view class="">
-					<text class="allweight">{{ i18n.Grossweight }} </text>
-					<text class="allweight"> {{ goodsWeight }}kg,</text>
-					<text class="sum">{{ i18n.total }}:</text>
-					<text class="summon">¥</text>
-					<text class="summon" style="font-size: 36rpx">{{
+  <view id="tabber" style="position: fixed; z-index: 1000; bottom: 0">
+    <view class="bottom u-flex u-row-between" v-if="value1 == 2">
+      <view class="u-flex">
+        <u-checkbox-group v-model="all" placement="column" @change="checkAll">
+          <u-checkbox
+            shape="circle"
+            :name="i18n.selectall"
+            activeColor="#F83224"
+          >
+          </u-checkbox>
+        </u-checkbox-group>
+        <text class="all">{{ i18n.selectall }}</text>
+      </view>
+      <view v-if="!success" class="dle" @click="$emit('selectDelete')">
+        {{ i18n.delete }}
+      </view>
+      <view class="u-flex" v-else>
+        <view class="">
+          <text class="allweight">{{ i18n.Grossweight }} </text>
+          <text class="allweight"> {{ goodsWeight }}kg,</text>
+          <text class="sum">{{ i18n.total }}:</text>
+          <text class="summon">¥</text>
+          <text class="summon" style="font-size: 36rpx">{{
             goodsPrice.split(".")[0]
           }}</text>
-					<text class="summon">.{{ goodsPrice.split(".")[1] }}</text>
-				</view>
-				<view class="settle" @click="account">{{ i18n.GotoResult }}</view>
-			</view>
-		</view>
-		<u-tabbar :list="list" active-color="#F83224" inactive-color="#333" :value="value1">
-			<u-tabbar-item v-for="(item, idx) in list" @click="click1" :key="idx" :text="item.text">
-				<image style="width: 40rpx; height: 40rpx" class="u-page__item__slot-icon" slot="inactive-icon"
-					:src="item.iconPath"></image>
+          <text class="summon">.{{ goodsPrice.split(".")[1] }}</text>
+        </view>
+        <view class="settle" @click="account">{{ i18n.GotoResult }}</view>
+      </view>
+    </view>
+    <u-tabbar
+      :list="list"
+      active-color="#F83224"
+      inactive-color="#333"
+      :value="value1"
+    >
+      <u-tabbar-item
+        v-for="(item, idx) in list"
+        @click="click1"
+        :key="idx"
+        :text="item.text"
+        :badge="item.text == '购物车' ? badgeNumber : 0"
+      >
+        <image
+          style="width: 40rpx; height: 40rpx"
+          class="u-page__item__slot-icon"
+          slot="inactive-icon"
+          :src="item.iconPath"
+        ></image>
 
-				<image style="width: 40rpx; height: 40rpx" class="u-page__item__slot-icon" slot="active-icon"
-					:src="item.selectedIconPath"></image>
-			</u-tabbar-item>
-		</u-tabbar>
-	</view>
+        <image
+          style="width: 40rpx; height: 40rpx"
+          class="u-page__item__slot-icon"
+          slot="active-icon"
+          :src="item.selectedIconPath"
+        ></image>
+      </u-tabbar-item>
+    </u-tabbar>
+  </view>
 </template>
 <script>
-	import {
-		nextTick
-	} from "vue";
-	import {
-		mapState
-	} from "vuex";
+import { nextTick } from "vue";
+import { mapState } from "vuex";
 
-	export default {
-		name: "kj-tabbar",
-		props: {
-			value1: {
-				type: Number,
-				default: 0,
-			},
-			goodsWeight: {
-				type: Number,
-				default: 0,
-			},
-			goodsPrice: {
-				type: String,
-				default: "",
-			},
-			//购物车所有商品
-			goodsList: {
-				type: Array,
-				default: () => {
-					return [];
-				},
-			},
-			//购物车选中的商品
-			checkboxValue1: {
-				type: Array,
-				default: () => {
-					return [];
-				},
-			},
-			success: {
-				type: Boolean,
-				default: true,
-			},
-		},
-		computed: {
-			i18n() {
-				return this.$t("index");
-			},
-		},
-		data() {
-			return {
-				all: [],
-				language: "zh-CN",
-				selegoods: [],
-				stringcheck: [],
-				skuitemid: [],
-				volume: '',
-				cartid: [],
-				ten_yuan_image:''
-			};
-		},
-		computed: {
-			i18n() {
-				return this.$t("index");
-			},
-			list() {
+export default {
+  name: "kj-tabbar",
+  props: {
+    value1: {
+      type: Number,
+      default: 0,
+    },
+    goodsWeight: {
+      type: Number,
+      default: 0,
+    },
+    goodsPrice: {
+      type: String,
+      default: "",
+    },
+    //购物车所有商品
+    goodsList: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    //购物车选中的商品
+    checkboxValue1: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    success: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
+  data() {
+    return {
+      all: [],
+      language: "zh-CN",
+      selegoods: [],
+      stringcheck: [],
+      skuitemid: [],
+      volume: "",
+      cartid: [],
+      ten_yuan_image: "",
+      badgeNumber: 0, //购物车商品数量
+    };
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+    list() {
+      var list = [
+        // {
+        // 	iconPath: "../../static/express1.png",
+        // 	selectedIconPath: "../../static/express2.png",
+        // 	text: "跨境速递",
+        // 	pagePath: "pages/express/express",
+        // },
+        {
+          iconPath: "../../static/index1.png",
+          selectedIconPath: "../../static/index2.png",
+          text: "商城",
+          pagePath: "pages/index/index",
+        },
+        {
+          iconPath: "../../static/shop.png",
+          selectedIconPath: "../../static/shop.png",
+          text: "购",
+          pagePath: "pages/shopping/shopping",
+        },
+        {
+          iconPath: "../../static/cart1.png",
+          selectedIconPath: "../../static/cart2.png",
+          text: "购物车",
+          pagePath: "pages/cart/cart",
+        },
+        {
+          iconPath: "../../static/mine1.png",
+          selectedIconPath: "../../static/mine2.png",
+          text: "我的",
+          pagePath: "pages/mine/mine",
+        },
+      ];
+      list[1].iconPath = this.ten_yuan_image;
+      list[1].selectedIconPath = this.ten_yuan_image;
+      list[0].text = this.i18n.shop;
+      list[1].text = this.i18n.chase;
+      list[2].text = this.i18n.Shopping;
+      list[3].text = this.i18n.mine;
+      return list;
+    },
+  },
+  created() {
+    this.all = [];
+    if (uni.getStorageSync("language") != "") {
+      this.language = uni.getStorageSync("language");
+    }
+    this.getimage();
+    this.getNumber();
+  },
+  methods: {
+    getimage() {
+      uni.$u.http
+        .get("/api/config", {
+          params: {
+            module: "basic",
+          },
+        })
+        .then((res) => {
+          this.ten_yuan_image = res.ten_yuan_image;
+        })
+        .catch(() => {});
+    },
+    account() {
+      if (this.checkboxValue1.length == 0) {
+        this.$u.toast("请选择商品");
+      } else {
+        this.selegoods = [];
+        this.skuitemid = [];
+        this.cartid = [];
+        this.goodsList.map((item) => {
+          item.goods.map((items) => {
+            console.log("items", items);
+            if (this.checkboxValue1.indexOf(items.cart.id) > -1) {
+              this.selegoods = this.selegoods.concat(items);
+              this.stringcheck = this.stringcheck.concat(items.cart.id);
+              this.skuitemid = this.skuitemid.concat(items.cart.sku_item_id);
+              // if (items.is_shipping == 1 && item.goods.length>1) {
+              this.cartid = this.cartid.concat(items.cart.id);
+            }
+          });
+        });
+        uni.$u.http
+          .get(
+            `/api/order_goods_volume?sku_item_id=` + this.skuitemid.toString(),
+            {}
+          )
+          .then((res) => {
+            console.log("weight", res);
+            this.volume = res;
+          });
+        this.$nextTick(() => {
+          uni.navigateTo({
+            url:
+              "/pageA/order?selelist=" +
+              encodeURIComponent(JSON.stringify(this.selegoods)) +
+              "&typea=" +
+              "shop" +
+              "&goodsPrice=" +
+              this.goodsPrice +
+              "&goodsWeight=" +
+              this.goodsWeight +
+              "&stringcheck=" +
+              this.stringcheck.toString() +
+              "&volume=" +
+              this.volume +
+              "&cartid=" +
+              this.cartid.join(","),
+          });
+        });
+      }
+    },
+    //获取购物车数量
+    getNumber() {
+      uni.$u.http.get(`/api/cart/number`).then((res) => {
+        this.badgeNumber = res;
+      });
+    },
+    getLabelHeight() {
+      const dom = uni.createSelectorQuery("#tabber");
+      console.log(dom);
+    },
+    checkAll() {
+      this.$emit("allSelect");
+    },
 
-				var list = [
-					// {
-					// 	iconPath: "../../static/express1.png",
-					// 	selectedIconPath: "../../static/express2.png",
-					// 	text: "跨境速递",
-					// 	pagePath: "pages/express/express",
-					// },
-					{
-						iconPath: "../../static/index1.png",
-						selectedIconPath: "../../static/index2.png",
-						text: "商城",
-						pagePath: "pages/index/index",
-					},
-					{
-						iconPath: "../../static/shop.png",
-						selectedIconPath: "../../static/shop.png",
-						text: "购",
-						pagePath: "pages/shopping/shopping",
-					},
-					{
-						iconPath: "../../static/cart1.png",
-						selectedIconPath: "../../static/cart2.png",
-						text: "购物车",
-						pagePath: "pages/cart/cart",
-					},
-					{
-						iconPath: "../../static/mine1.png",
-						selectedIconPath: "../../static/mine2.png",
-						text: "我的",
-						pagePath: "pages/mine/mine",
-					},
-				];
-				list[1].iconPath = this.ten_yuan_image
-				list[1].selectedIconPath = this.ten_yuan_image
-				// list[0].text = this.i18n.border;
-				list[0].text = this.i18n.shop;
-				list[1].text = this.i18n.chase;
-				list[2].text = this.i18n.Shopping;
-				list[3].text = this.i18n.mine;
-				return list;
-			},
-		},
-		created() {
-			this.all = []
-			if (uni.getStorageSync("language") != "") {
-				this.language = uni.getStorageSync("language");
-			}
-			this.getimage()
-			// if (uni.getStorageSync('tabbar')!=1) {
-			// 	this.value1 = uni.getStorageSync('tabbar')
-			// }
-			// const dom = uni.createSelectorQuery("#tabber")
-		},
-		methods: {
-			getimage() {
-				uni.$u.http.get('/api/config', {
-					params: {
-						module: 'basic'
-					}
-				}).then((res) => {
-					this.ten_yuan_image = res.ten_yuan_image
-					
-				}).catch(() => {
+    //
+    cancelAll(value) {
+      if (value == "全选") {
+        return this.all;
+      } else if (value == "取消") {
+        this.all = [];
+      } else {
+        this.all.push(this.i18n.selectall);
+      }
+    },
 
-				})
-			},
-			account() {
-				if (this.checkboxValue1.length == 0) {
-					this.$u.toast('请选择商品')
-				} else {
-					console.log(this.checkboxValue1);
-					console.log(this.goodsList);
-					this.selegoods = [];
-					this.skuitemid = []
-					this.cartid = []
-					this.goodsList.map((item) => {
-						item.goods.map((items) => {
-							console.log('items', items);
-							if (this.checkboxValue1.indexOf(items.cart.id) > -1) {
-								this.selegoods = this.selegoods.concat(items);
-								this.stringcheck = this.stringcheck.concat(items.cart.id);
-								this.skuitemid = this.skuitemid.concat(items.cart.sku_item_id);
-								// if (items.is_shipping == 1 && item.goods.length>1) {
-									this.cartid = this.cartid.concat(items.cart.id);
-							}
-						});
-					});
-					uni.$u.http
-						.get(`/api/order_goods_volume?sku_item_id=` + this.skuitemid.toString(), {
+    click1(e) {
+      console.log(e);
+      if (e == 3) {
+        uni.switchTab({
+          url: "../../pages/mine/mine",
+        });
+      }
 
-						})
-						.then((res) => {
-							console.log('weight', res);
-							this.volume = res
-						});
-					this.$nextTick(() => {
-						uni.navigateTo({
-							url: "/pageA/order?selelist=" +
-								encodeURIComponent(JSON.stringify(this.selegoods)) +
-								"&typea=" +
-								"shop" +
-								"&goodsPrice=" +
-								this.goodsPrice +
-								"&goodsWeight=" +
-								this.goodsWeight +
-								"&stringcheck=" +
-								this.stringcheck.toString() + '&volume=' + this.volume + '&cartid=' + this
-								.cartid.join(',')
-						});
-					});
-				}
-			},
-			getLabelHeight() {
-				const dom = uni.createSelectorQuery("#tabber");
-				console.log(dom);
-			},
-			// click1(e) {
-			// 	this.value1 = e
-			// 	console.log(e);
-			// 	if (this.value1 == 4) {
-			// 		uni.redirectTo({
-			// 			url: '../../pages/mine/mine'
-			// 		})
-			// 	}
-			// 	if (this.value1 == 0) {
-			// 		uni.redirectTo({
-			// 			url: '../../pages/express/express'
-			// 		})
-			// 	}
-			// 	if (this.value1 == 1) {
-			// 		uni.redirectTo({
-			// 			url: '../../pages/index/index'
-			// 		})
-			// 	}
-			// 	if (this.value1 == 2) {
-			// 		uni.redirectTo({
-			// 			url: '../../pages/shopping/shopping'
-			// 		})
-			// 	}
-			// 	if (this.value1 == 3) {
-			// 		uni.redirectTo({
-			// 			url: '../../pages/cart/cart'
-			// 		})
-			// 	}
-			// 	uni.setStorageSync('tabbar', e)
-			// },
-			checkAll() {
-				this.$emit("allSelect");
-			},
+      if (e == 0) {
+        uni.switchTab({
+          url: "../../pages/index/index",
+        });
+      }
 
-			//
-			cancelAll(value) {
-				if (value == "全选") {
-					return this.all;
-				} else if (value == "取消") {
-					this.all = [];
-				} else {
-					this.all.push(this.i18n.selectall);
-				}
-			},
+      if (e == 1) {
+        uni.switchTab({
+          url: "../../pages/shopping/shopping",
+        });
+      }
 
-			click1(e) {
-				if (e == 3) {
-					uni.switchTab({
-						url: "../../pages/mine/mine",
-					});
-				}
-
-				// if (e == 0) {
-				// 	uni.switchTab({
-				// 		url: "../../pages/express/express",
-				// 	});
-				// }
-
-				if (e == 0) {
-					uni.switchTab({
-						url: "../../pages/index/index",
-					});
-				}
-
-				if (e == 1) {
-					uni.switchTab({
-						url: "../../pages/shopping/shopping",
-					});
-				}
-
-				if (e == 2) {
-					uni.switchTab({
-						url: "../../pages/cart/cart",
-					});
-				}
-				// uni.setStorageSync('tabbar', e)
-			},
-		},
-		// created() {},
-		// computed: {
-		// 	...mapState(['config'])
-		// },
-		// watch: {
-		// 	config: {
-		// 		handler(val) {
-		// 			if (val.report_switch == 1) {
-		// 				this.list = [{
-		// 						"iconPath": "/static/images/index.png",
-		// 						"pagePath": "/pages/index/index",
-		// 						"selectedIconPath": "/static/images/index1.png",
-		// 						"text": "首页"
-		// 					},
-		// 					{
-		// 						"iconPath": "/static/images/video.png",
-		// 						"pagePath": "/pages/video/video",
-		// 						"selectedIconPath": "/static/images/video1.png",
-		// 						"text": "视频"
-		// 					},
-		// 					{
-		// 						"iconPath": "/static/images/baobei.png",
-		// 						"pagePath": "/pages/baobei/baobei",
-		// 						"selectedIconPath": "/static/images/baobei1.png",
-		// 						"text": "客户报备"
-		// 					},
-		// 					{
-		// 						"iconPath": "/static/images/mine.png",
-		// 						"pagePath": "/pages/mine/mine",
-		// 						"selectedIconPath": "/static/images/mine1.png",
-		// 						"text": "我的"
-		// 					}
-		// 				]
-		// 			}
-		// 		},
-		// 		deep: true
-		// 	}
-		// }
-	};
+      if (e == 2) {
+        uni.switchTab({
+          url: "../../pages/cart/cart",
+        });
+      }
+    },
+  },
+  // watch: {
+  // 	config: {
+  // 		handler(val) {
+  // 			if (val.report_switch == 1) {
+  // 				this.list = [{
+  // 						"iconPath": "/static/images/index.png",
+  // 						"pagePath": "/pages/index/index",
+  // 						"selectedIconPath": "/static/images/index1.png",
+  // 						"text": "首页"
+  // 					},
+  // 					{
+  // 						"iconPath": "/static/images/video.png",
+  // 						"pagePath": "/pages/video/video",
+  // 						"selectedIconPath": "/static/images/video1.png",
+  // 						"text": "视频"
+  // 					},
+  // 					{
+  // 						"iconPath": "/static/images/baobei.png",
+  // 						"pagePath": "/pages/baobei/baobei",
+  // 						"selectedIconPath": "/static/images/baobei1.png",
+  // 						"text": "客户报备"
+  // 					},
+  // 					{
+  // 						"iconPath": "/static/images/mine.png",
+  // 						"pagePath": "/pages/mine/mine",
+  // 						"selectedIconPath": "/static/images/mine1.png",
+  // 						"text": "我的"
+  // 					}
+  // 				]
+  // 			}
+  // 		},
+  // 		deep: true
+  // 	}
+  // }
+};
 </script>
 
 <style lang="scss" scoped>
-	.all {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 22rpx;
-		color: #444444;
-		line-height: 32rpx;
-		text-align: left;
-		font-style: normal;
-	}
+.all {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #444444;
+  line-height: 32rpx;
+  text-align: left;
+  font-style: normal;
+}
 
-	.bottom {
-		width: 750rpx;
-		height: 100rpx;
-		background: #ffffff;
-		padding: 0 24rpx;
-		box-sizing: border-box;
+.bottom {
+  width: 750rpx;
+  height: 100rpx;
+  background: #ffffff;
+  padding: 0 24rpx;
+  box-sizing: border-box;
 
-		.dle {
-			width: 136rpx;
-			height: 60rpx;
-			text-align: center;
-			line-height: 60rpx;
-			border-radius: 38rpx;
-			border: 2rpx solid rgba(151, 151, 151, 1);
-			font-size: 26rpx;
-			color: rgba(51, 51, 51, 1);
-		}
+  .dle {
+    width: 136rpx;
+    height: 60rpx;
+    text-align: center;
+    line-height: 60rpx;
+    border-radius: 38rpx;
+    border: 2rpx solid rgba(151, 151, 151, 1);
+    font-size: 26rpx;
+    color: rgba(51, 51, 51, 1);
+  }
 
-		.allweight {
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 22rpx;
-			color: #333333;
-			line-height: 32rpx;
-			text-align: left;
-			font-style: normal;
-		}
+  .allweight {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 22rpx;
+    color: #333333;
+    line-height: 32rpx;
+    text-align: left;
+    font-style: normal;
+  }
 
-		.sum {
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 22rpx;
-			color: #333333;
-			line-height: 32rpx;
-			text-align: left;
-			font-style: normal;
-		}
+  .sum {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 22rpx;
+    color: #333333;
+    line-height: 32rpx;
+    text-align: left;
+    font-style: normal;
+  }
 
-		.summon {
-			font-family: JDZhengHT, JDZhengHT;
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #ff1515;
-			line-height: 30rpx;
-			text-align: left;
-			font-style: normal;
-		}
+  .summon {
+    font-family: JDZhengHT, JDZhengHT;
+    font-weight: 400;
+    font-size: 24rpx;
+    color: #ff1515;
+    line-height: 30rpx;
+    text-align: left;
+    font-style: normal;
+  }
 
-		.settle {
-			width: 176rpx;
-			height: 68rpx;
-			background: #f83224;
-			border-radius: 38rpx;
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 500;
-			font-size: 28rpx;
-			color: #ffffff;
-			line-height: 68rpx;
-			text-align: center;
-			font-style: normal;
-			margin-left: 20rpx;
-		}
-	}
-</style>
+  .settle {
+    width: 176rpx;
+    height: 68rpx;
+    background: #f83224;
+    border-radius: 38rpx;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 500;
+    font-size: 28rpx;
+    color: #ffffff;
+    line-height: 68rpx;
+    text-align: center;
+    font-style: normal;
+    margin-left: 20rpx;
+  }
+}
+</style>

pageC/addressManagement/addressManagement.vue

@@ -48,15 +48,14 @@ export default {
   },
   data() {
     return {
-      manage: "",
+      manage: 1,
       addressList: [],
       type: "", //判断在哪个页面进来
       page: 1,
     };
   },
   onLoad(options) {
-    console.log(options);
-    if (options.tabs) {
+    if (options.tabs == 0) {
       this.manage = options.tabs;
     }
     this.type = options.type;
@@ -124,9 +123,10 @@ export default {
         });
     },
   },
-  onShow() {},
-  mounted() {
+  onShow() {
     this.getAddressList(this.manage);
+  },
+  mounted() {
     // this.getAddressList(1);
     uni.setNavigationBarTitle({
       title: this.i18n.address,

pageC/applicationRefund/applicationRefund.vue

@@ -9,8 +9,17 @@
         ></image>
         <view class="commodity-right">
           <view class="commodity-2">
-            <view class="commodity-title"
-              >{{ goodsDetail.goods.goods_name }}
+            <view class="commodity-title" v-if="language == 'zh-CN'"
+              >{{ goodsDetail.goods.goods.name_cn }}
+            </view>
+            <view class="commodity-title" v-if="language == 'en-US'"
+              >{{ goodsDetail.goods.goods.name_en }}
+            </view>
+            <view class="commodity-title" v-if="language == 'es-ES'"
+              >{{ goodsDetail.goods.goods.name_es }}
+            </view>
+            <view class="commodity-title" v-if="language == 'it-IT'"
+              >{{ goodsDetail.goods.goods.name_ita }}
             </view>
           </view>
 
@@ -36,7 +45,7 @@
 
     <view class="reason">
       <view class="application-reason">
-        <view class=""> 申请原因 </view>
+        <view class=""> {{ i18n.reasonApplication }} </view>
         <view class="right" @click="openReason">
           <text>{{ refundText }}</text>
           <image
@@ -48,7 +57,7 @@
       </view>
 
       <view class="application-reason">
-        <view class=""> 退款金额 </view>
+        <view class=""> {{ i18n.refundAmount }} </view>
         <view
           class="commodity-price"
           style="font-weight: 600"
@@ -63,12 +72,12 @@
     </view>
 
     <view class="application-explain">
-      <view class="application-title"> 申请说明 </view>
+      <view class="application-title"> {{ i18n.applicationDescription }} </view>
       <view class="textarea">
         <u--textarea
           v-model="value1"
           border="none"
-          placeholder="请您详细填写申请说明"
+          :placeholder="i18n.detailedDescription"
         ></u--textarea>
 
         <u-upload
@@ -80,7 +89,9 @@
           :maxCount="9"
         >
           <view class="unload">
-            <view class="text-content"> 上传凭证<br />(最多9张) </view>
+            <view class="text-content">
+              {{ i18n.uploadCredentials }}<br />({{ i18n.upSheets }})
+            </view>
           </view>
         </u-upload>
       </view>
@@ -97,30 +108,50 @@
     <reasonPopupVue :show="show" @close="close"></reasonPopupVue>
 
     <view class="footer">
-      <button class="btn" @click="submitApplication">提交申请</button>
+      <button class="btn" @click="submitApplication">
+        {{ i18n.submitApplication }}
+      </button>
     </view>
   </view>
 </template>
 
 <script>
 import reasonPopupVue from "./component/reasonPopup.vue";
+import Vue from "vue";
 export default {
   components: {
     reasonPopupVue,
   },
   data() {
+    function text() {
+      if (Vue.prototype._language == "zh-CN") {
+        return "请选择退款原因";
+      } else if (Vue.prototype._language == "en-US") {
+        return 'Please select the reason for refund"';
+      } else if (Vue.prototype._language == "es-ES") {
+        return "Por favor, elija la razón del reembolso.";
+      } else {
+        return "Seleziona il motivo del rimborso";
+      }
+    }
     return {
       show: false,
       value1: "",
-      refundText: "请选择退款原因",
+      refundText: text(),
       orderId: "",
       goodsDetail: {},
       imgList: [],
       fileList6: [],
       btnShow: true, //上传图片时，该字段改为false，用来判断图片是否上传完毕
       refund_price: "", //计算后的退款金额
+      language: this._language, //用户当前选择的语言
     };
   },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
   onLoad(options) {
     this.orderId = options.orderId;
   },
@@ -218,7 +249,7 @@ export default {
     submitApplication() {
       if (!this.btnShow) {
         uni.showToast({
-          title: "请等待图片上传完毕",
+          title: this.i18n.beCompleted,
           icon: "none",
         });
         return;
@@ -233,7 +264,7 @@ export default {
         })
         .then((res) => {
           uni.showToast({
-            title: "已申请，请等待审核",
+            title: this.i18n.appliedReview,
             icon: "none",
           });
           uni.navigateBack({ delta: 1 });
@@ -243,7 +274,7 @@ export default {
   mounted() {
     this.getDetail();
     uni.setNavigationBarTitle({
-      title: "申请退款",
+      title: this.i18n.requestRefund,
     });
   },
 };

pageC/applicationRefund/component/reasonPopup.vue

@@ -1,74 +1,111 @@
 <template>
-	<view class="">
-		<u-popup :show="show" @close="$emit('close')" round="16rpx" @open="open" closeable closeOnClickOverlay>
-			<view class="title">
-				申请原因
-			</view>
-			<view class="radio-list">
-				<u-radio-group v-model="value" @change="handleChange" iconPlacement="right" placement="column">
-					<view class="radio">
-						<u-radio activeColor="red" name="拍错/多拍/不喜欢" label="拍错/多拍/不喜欢"></u-radio>
-					</view>
-					<view class="radio">
-						<u-radio activeColor="red" name="商品与页面描述不符" label="商品与页面描述不符"></u-radio>
-					</view>
-					<view class="radio">
-						<u-radio activeColor="red" name="商品破损/包装问题" label="商品破损/包装问题"></u-radio>
-					</view>
-					<view class="radio">
-						<u-radio activeColor="red" name="收货地址/手机号填错了" label="收货地址/手机号填错了"></u-radio>
-					</view>
-					<view class="radio">
-						<u-radio activeColor="red" name="卖家发错货" label="卖家发错货"></u-radio>
-					</view>
-					<view class="radio">
-						<u-radio activeColor="red" name="其他原因" label="其他原因"></u-radio>
-					</view>
-				</u-radio-group>
-			</view>
-		</u-popup>
-	</view>
+  <view class="">
+    <u-popup
+      :show="show"
+      @close="$emit('close')"
+      round="16rpx"
+      @open="open"
+      closeable
+      closeOnClickOverlay
+    >
+      <view class="title"> {{ i18n.reasonApplication }} </view>
+      <view class="radio-list">
+        <u-radio-group
+          v-model="value"
+          @change="handleChange"
+          iconPlacement="right"
+          placement="column"
+        >
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.wrongShot"
+              :label="i18n.wrongShot"
+            ></u-radio>
+          </view>
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.pageDescription"
+              :label="i18n.pageDescription"
+            ></u-radio>
+          </view>
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.productDamage"
+              :label="i18n.productDamage"
+            ></u-radio>
+          </view>
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.incorrectly"
+              :label="i18n.incorrectly"
+            ></u-radio>
+          </view>
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.wrongItem"
+              :label="i18n.wrongItem"
+            ></u-radio>
+          </view>
+          <view class="radio">
+            <u-radio
+              activeColor="red"
+              :name="i18n.otherReasons"
+              :label="i18n.otherReasons"
+            ></u-radio>
+          </view>
+        </u-radio-group>
+      </view>
+    </u-popup>
+  </view>
 </template>
 
 <script>
-	export default {
-		props: {
-			show: {
-				typeof: Boolean,
-				default: false
-			}
-		},
-		data() {
-			return {
-				value:'',
-				
-			}
-		},
-		methods: {
-			open() {},
-			handleChange(name){
-				console.log(this.value)
-				this.$emit('close',name)
-			},
-		}
-	}
+export default {
+  props: {
+    show: {
+      typeof: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
+  data() {
+    return {
+      value: "",
+    };
+  },
+  methods: {
+    open() {},
+    handleChange(name) {
+      this.$emit("close", name);
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		text-align: center;
-		font-size: 36rpx;
-		color: #222;
-		font-weight: 500;
-		margin-top: 20rpx;
-	}
+.title {
+  text-align: center;
+  font-size: 36rpx;
+  color: #222;
+  font-weight: 500;
+  margin-top: 20rpx;
+}
 
-	.radio-list {
-		padding: 0 28rpx;
-		margin-top: 40rpx;
-	}
+.radio-list {
+  padding: 0 28rpx;
+  margin-top: 40rpx;
+}
 
-	.radio {
-		margin-bottom: 48rpx;
-	}
-</style>
+.radio {
+  margin-bottom: 48rpx;
+}
+</style>

pageC/orderForm/component/orderInofrmation.vue

@@ -185,18 +185,10 @@ export default {
       show: false,
     };
   },
-  watch: {
-    itemInfo(newVal) {},
-  },
   methods: {
     more() {
       this.show = !this.show;
     },
-    // toEvaluate() {
-    //   uni.navigateTo({
-    //     url: "/pageD/evaluate/evaluate?",
-    //   });
-    // },
   },
 };
 </script>

pageC/switchLanguage/switchLanguage.vue

@@ -46,6 +46,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 export default {
   data() {
     return {
@@ -73,6 +74,7 @@ export default {
       const { lang } = e.currentTarget.dataset;
       uni.setStorageSync("language", lang);
       this._i18n.locale = lang;
+      Vue.prototype._language = lang;
       this.languageSelect = lang;
       if (this.languageSelect == "zh-CN") {
         this.language = "cn";

pages/cart/cart.vue

@@ -1,843 +1,970 @@
 <template>
-	<!-- 购物车 -->
-	<view class="page" @click="num = ''">
-		<u-navbar :safeAreaInsetTop="true" :placeholder="true">
-			<view class="u-nav-slot" slot="left">
-				<view class="">
-					<text class="shopcart">{{ i18n.Shopping }}</text>
-					<text class="sum">({{ goodsNum }})</text>
-				</view>
-			</view>
-			<view class="u-nav-slot" slot="right">
-				<view class="u-flex">
-					<text @click="admin" v-if="success">{{ i18n.manage }}</text>
-					<text @click="admin" v-else>{{ i18n.complete }}</text>
-					<view class="" style="width: 200rpx"></view>
-				</view>
-			</view>
-		</u-navbar>
-		<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
-			<view class="box" v-for="(item, idx) in goodsList" :key="idx">
-				<view class="item">
-					<view class="shopname u-flex">
-						<image src="/static/mine/354.png" class="circle" mode="scaleToFill"
-							@click="shopSelectAll(item.goods)" v-if="shop(item.goods)" />
-						<image src="/static/mine/353.png" class="circle" mode="scaleToFill"
-							@click="shopSelectAll(item.goods)" v-else />
-
-						<image :src="item.image" style="width: 28rpx; height: 28rpx" mode=""></image>
-						<text>{{ item.merchant_name }}</text>
-						<image src="/static/express/next1.png" style="width: 32rpx; height: 32rpx" mode=""></image>
-					</view>
-					<u-swipe-action>
-						<view class="u-flex" style="margin-top: 30rpx; width: 100%" v-for="(chid, index) in item.goods"
-							:key="index">
-							<u-swipe-action-item ref="show" :options="options2" @click="followOrdelete"
-								:autoClose="true" :name="chid.cart.id"
-								:disabled="chid.status == 'down' || chid.sku_item.length == 0">
-								<!-- 				<view class="" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background-color: rgba(255, 255, 255, 0.5);"></view> -->
-								<u-checkbox shape="circle" :customStyle="{ marginBottom: '8px' }" :name="chid.cart.id"
-									activeColor="#F83224"
-									:disabled="chid.status == 'down' || chid.sku_item.length == 0">
-								</u-checkbox>
-								<view class="" style="
+  <!-- 购物车 -->
+  <view class="page" @click="num = ''">
+    <u-navbar :safeAreaInsetTop="true" :placeholder="true">
+      <view class="u-nav-slot" slot="left">
+        <view class="">
+          <text class="shopcart">{{ i18n.Shopping }}</text>
+          <text class="sum">({{ goodsNum }})</text>
+        </view>
+      </view>
+      <view class="u-nav-slot" slot="right">
+        <view class="u-flex">
+          <text @click="admin" v-if="success">{{ i18n.manage }}</text>
+          <text @click="admin" v-else>{{ i18n.complete }}</text>
+          <view class="" style="width: 200rpx"></view>
+        </view>
+      </view>
+    </u-navbar>
+    <u-checkbox-group
+      v-model="checkboxValue1"
+      placement="column"
+      @change="checkboxChange"
+    >
+      <view class="box" v-for="(item, idx) in goodsList" :key="idx">
+        <view class="item">
+          <view class="shopname u-flex">
+            <image
+              src="/static/mine/354.png"
+              class="circle"
+              mode="scaleToFill"
+              @click="shopSelectAll(item.goods)"
+              v-if="shop(item.goods)"
+            />
+            <image
+              src="/static/mine/353.png"
+              class="circle"
+              mode="scaleToFill"
+              @click="shopSelectAll(item.goods)"
+              v-else
+            />
+
+            <image
+              :src="item.image"
+              style="width: 28rpx; height: 28rpx"
+              mode=""
+            ></image>
+            <text>{{ item.merchant_name }}</text>
+            <image
+              src="/static/express/next1.png"
+              style="width: 32rpx; height: 32rpx"
+              mode=""
+            ></image>
+          </view>
+          <u-swipe-action>
+            <view
+              class="u-flex"
+              style="margin-top: 30rpx; width: 100%"
+              v-for="(chid, index) in item.goods"
+              :key="index"
+            >
+              <u-swipe-action-item
+                ref="show"
+                :options="options2"
+                @click="followOrdelete"
+                :autoClose="true"
+                :name="chid.cart.id"
+                :disabled="chid.status == 'down' || chid.sku_item.length == 0"
+              >
+                <!-- 				<view class="" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background-color: rgba(255, 255, 255, 0.5);"></view> -->
+                <u-checkbox
+                  shape="circle"
+                  :customStyle="{ marginBottom: '8px' }"
+                  :name="chid.cart.id"
+                  activeColor="#F83224"
+                  :disabled="chid.status == 'down' || chid.sku_item.length == 0"
+                >
+                </u-checkbox>
+                <view
+                  class=""
+                  style="
                     position: relative;
                     width: 172rpx;
                     height: 172rpx;
                     border-radius: 16rpx;
-                  ">
-									<image :src="chid.sku_item[0].image"
-										style="width: 172rpx; height: 172rpx; border-radius: 20rpx" mode="">
-									</image>
-									<view class="down" v-if="chid.status == 'down' || chid.sku_item.length == 0">
-										<view class="sold"> {{ i18n.offtheshelves }} </view>
-									</view>
-								</view>
-								<view class="good" style="flex: 1; margin-left: 10rpx; width: 65%">
-									<view class="goodname" v-if="language == 'zh-CN'">{{ chid.name_cn }}</view>
-									<view class="goodname" v-if="language == 'en-US'">{{ chid.name_en }}</view>
-									<view class="goodname" v-if="language == 'es-ES'">{{ chid.name_es }}</view>
-									<view class="goodname" v-if="language == 'it-IT'">{{ chid.name_ita }}</view>
-									<view class="goods" v-if="chid.sku_item.length > 0">
-										<text v-if="language == 'zh-CN'">{{chid.sku_item[0].item}}</text>
-										<text v-if="language == 'en-US'">{{chid.sku_item[0].item_en}}</text>  
-										<text v-if="language == 'es-ES'">{{chid.sku_item[0].item_es}}</text>
-										<text v-if="language == 'it-IT'">{{chid.sku_item[0].item_ita}}</text>
-									</view>
-									<view class="" style="margin-top: 21rpx">
-										<view class="goodtab" v-for="itemLabel in chid.label_arr" :key="itemLabel.id">
-											<text v-if="language == 'zh-CN'">{{ itemLabel.name_cn }}</text>
-											<text v-if="language == 'en-US'">{{ itemLabel.name_en }}</text>
-											<text v-if="language == 'es-ES'">{{ itemLabel.name_es }}</text>
-											<text v-if="language == 'it-IT'">{{ itemLabel.name_ita }}</text>
-										</view>
-									</view>
-									<view class="u-flex u-row-between" style="width: 100%; margin-top: 20rpx">
-										<view class="" v-if="chid.sku_item.length > 0">
-											<text class="money">¥</text>
-											<text class="money" style="font-size: 30rpx">{{
-                        chid.sku_item[0].discount_price.split(".")[0]    
+                  "
+                >
+                  <image
+                    :src="chid.sku_item[0].image"
+                    style="width: 172rpx; height: 172rpx; border-radius: 20rpx"
+                    mode=""
+                  >
+                  </image>
+                  <view
+                    class="down"
+                    v-if="chid.status == 'down' || chid.sku_item.length == 0"
+                  >
+                    <view class="sold"> {{ i18n.offtheshelves }} </view>
+                  </view>
+                </view>
+                <view
+                  class="good"
+                  style="flex: 1; margin-left: 10rpx; width: 65%"
+                >
+                  <view class="goodname" v-if="language == 'zh-CN'">{{
+                    chid.name_cn
+                  }}</view>
+                  <view class="goodname" v-if="language == 'en-US'">{{
+                    chid.name_en
+                  }}</view>
+                  <view class="goodname" v-if="language == 'es-ES'">{{
+                    chid.name_es
+                  }}</view>
+                  <view class="goodname" v-if="language == 'it-IT'">{{
+                    chid.name_ita
+                  }}</view>
+                  <view class="goods" v-if="chid.sku_item.length > 0">
+                    <text v-if="language == 'zh-CN'">{{
+                      chid.sku_item[0].item
+                    }}</text>
+                    <text v-if="language == 'en-US'">{{
+                      chid.sku_item[0].item_en
+                    }}</text>
+                    <text v-if="language == 'es-ES'">{{
+                      chid.sku_item[0].item_es
+                    }}</text>
+                    <text v-if="language == 'it-IT'">{{
+                      chid.sku_item[0].item_ita
+                    }}</text>
+                  </view>
+                  <view class="" style="margin-top: 21rpx">
+                    <view
+                      class="goodtab"
+                      v-for="itemLabel in chid.label_arr"
+                      :key="itemLabel.id"
+                    >
+                      <text v-if="language == 'zh-CN'">{{
+                        itemLabel.name_cn
                       }}</text>
-											<text class="money">.{{
+                      <text v-if="language == 'en-US'">{{
+                        itemLabel.name_en
+                      }}</text>
+                      <text v-if="language == 'es-ES'">{{
+                        itemLabel.name_es
+                      }}</text>
+                      <text v-if="language == 'it-IT'">{{
+                        itemLabel.name_ita
+                      }}</text>
+                    </view>
+                  </view>
+                  <view
+                    class="u-flex u-row-between"
+                    style="width: 100%; margin-top: 20rpx"
+                  >
+                    <view class="" v-if="chid.sku_item.length > 0">
+                      <text class="money">¥</text>
+                      <text class="money" style="font-size: 30rpx">{{
+                        chid.sku_item[0].discount_price.split(".")[0]
+                      }}</text>
+                      <text class="money"
+                        >.{{
                           chid.sku_item[0].discount_price.split(".")[1]
-                        }}</text>
-											<text class="weight">{{ chid.sku_item[0].weight }}kg</text>
-										</view>
-										<view class="aaaaaa">
-											<!-- <view class="delect" v-if='dele'>{{i18n.delete}}</view> -->
-											<view class="" v-if="num == chid.cart.id && success">
-												<!-- <u-number-box v-model="value" @change="valChange"></u-number-box> -->
-												<u-number-box v-model="chid.cart.goods_num" @change="addOrReduce">
-													<view slot="minus" class="minus">
-														<u-icon name="minus" color="#B5B5B5" size="12"></u-icon>
-													</view>
-													<text slot="input" style="
+                        }}</text
+                      >
+                      <text class="weight"
+                        >{{ chid.sku_item[0].weight }}kg</text
+                      >
+                    </view>
+                    <view class="aaaaaa">
+                      <!-- <view class="delect" v-if='dele'>{{i18n.delete}}</view> -->
+                      <view class="" v-if="num == chid.cart.id && success">
+                        <!-- <u-number-box v-model="value" @change="valChange"></u-number-box> -->
+                        <u-number-box
+                          v-model="chid.cart.goods_num"
+                          @change="addOrReduce"
+                        >
+                          <view slot="minus" class="minus">
+                            <u-icon
+                              name="minus"
+                              color="#B5B5B5"
+                              size="12"
+                            ></u-icon>
+                          </view>
+                          <text
+                            slot="input"
+                            style="
                               width: 50px;
                               text-align: center;
                               font-size: 20rpx;
-                            " class="input">{{ chid.cart.goods_num }}</text>
-													<view slot="plus" class="plus">
-														<u-icon name="plus" color="#B5B5B5" size="12"></u-icon>
-													</view>
-												</u-number-box>
-											</view>
-											<view class="num" v-if="
+                            "
+                            class="input"
+                            >{{ chid.cart.goods_num }}</text
+                          >
+                          <view slot="plus" class="plus">
+                            <u-icon
+                              name="plus"
+                              color="#B5B5B5"
+                              size="12"
+                            ></u-icon>
+                          </view>
+                        </u-number-box>
+                      </view>
+                      <view
+                        class="num"
+                        v-if="
                           num != chid.cart.id &&
                           success &&
                           chid.status == 'normal' &&
                           chid.sku_item.length != 0
-                        " @click.stop="num = chid.cart.id">
-												x{{ chid.cart.goods_num }}
-											</view>
-											<view v-if="
+                        "
+                        @click.stop="num = chid.cart.id"
+                      >
+                        x{{ chid.cart.goods_num }}
+                      </view>
+                      <view
+                        v-if="
                           success &&
                           (chid.status == 'down' || chid.sku_item.length == 0)
-                        " class="del" @click="
+                        "
+                        class="del"
+                        @click="
                           followOrdelete({
                             index: 1,
                             name: chid.cart.id,
                           })
-                        ">{{ i18n.delete }}</view>
-										</view>
-										<view v-if="success == false" class="icon delete-1" @click="
+                        "
+                        >{{ i18n.delete }}</view
+                      >
+                    </view>
+                    <view
+                      v-if="success == false"
+                      class="icon delete-1"
+                      @click="
                         followOrdelete({
                           index: 1,
                           name: chid.cart.id,
                         })
-                      ">
-											<u-icon name="trash" color="#fff" size="20"></u-icon>
-										</view>
-									</view>
-								</view>
-							</u-swipe-action-item>
-						</view>
-					</u-swipe-action>
-				</view>
-			</view>
-		</u-checkbox-group>
-		<u-toast ref="uToast"></u-toast>
-		<view class="" style="height: 260rpx"></view>
-		<view class="back-top" @click="backTop">
-			<image class="back-icon" src="../../static/mine/355.png" mode="scaleToFill" />
-			<text class="back-text">{{ i18n.top }}</text>
-		</view>
-		<kj-tabbar ref="tabbar1" :value1="2" :success="success" @allSelect="allSelect" :goodsWeight="goodsWeight"
-			:goodsPrice="String(goodsPrice.toFixed(2))" :goodsList="goodsList" :checkboxValue1="checkboxValue1"
-			@selectDelete="selectDelete"></kj-tabbar>
-	</view>
+                      "
+                    >
+                      <u-icon name="trash" color="#fff" size="20"></u-icon>
+                    </view>
+                  </view>
+                </view>
+              </u-swipe-action-item>
+            </view>
+          </u-swipe-action>
+        </view>
+      </view>
+    </u-checkbox-group>
+    <u-toast ref="uToast"></u-toast>
+    <view class="" style="height: 260rpx"></view>
+    <view class="back-top" @click="backTop">
+      <image
+        class="back-icon"
+        src="../../static/mine/355.png"
+        mode="scaleToFill"
+      />
+      <text class="back-text">{{ i18n.top }}</text>
+    </view>
+    <kj-tabbar
+      ref="tabbar1"
+      :value1="2"
+      :success="success"
+      @allSelect="allSelect"
+      :goodsWeight="goodsWeight"
+      :goodsPrice="String(goodsPrice.toFixed(2))"
+      :goodsList="goodsList"
+      :checkboxValue1="checkboxValue1"
+      @selectDelete="selectDelete"
+    ></kj-tabbar>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				dele: true,
-				success: true,
-				shopitem: -1,
-				checkboxValue1: [], //商品数组
-				value: 0,
-				all: [], //全选数组
-				goodsList: [],
-				selectall: -1,
-				goodsNum: 0, //购物车商品数量
-				num: false,
-				goodsWeight: 0, //商品重量
-				goodsPrice: 0, //商品价格
-				tabarheight: "",
-				removeProducts: 0, //已下架的商品数量
-				language: "zh-CN",
-			};
-		},
-		watch: {},
-		computed: {
-			i18n() {
-				return this.$t("index");
-			},
-			options2() {
-				var options = [{
-						text: this.i18n.Shiftfocus,
-						style: {
-							backgroundColor: "#FFB115",
-						},
-					},
-					{
-						text: this.i18n.delete,
-						style: {
-							backgroundColor: "#F83224",
-						},
-					},
-				];
-				return options;
-			},
-		},
-		onLoad() {
-			const systemInfo = wx.getSystemInfoSync();
-			const tab =
-				systemInfo.screenHeight -
-				systemInfo.safeArea.bottom +
-				systemInfo.statusBarHeight;
-			this.tabarheight = tab;
-		},
-		onShow() {
-			this.goodsNum = 0; //购物车商品数量
-			this.goodsWeight = 0; //商品重量
-			this.goodsPrice = 0; //商品价格
-			this.checkboxValue1 = [];
-			this.getShopCarList();
-			if (uni.getStorageSync("language") != "") {
-				this.language = uni.getStorageSync("language");
-			}
-		},
-		methods: {
-			//返回顶部
-			backTop() {
-				uni.pageScrollTo({
-					scrollTop: 0, // 滚动到页面的目标位置  这个是滚动到顶部, 0
-					duration: 300, // 滚动动画的时长
-				});
-			},
-			//商品下架之后的商品字体颜色
-			getFontColor(status) {
-				if (status == "down") {
-					return "color:rgba(51, 51, 51, .6)";
-				}
-			},
-
-			//关注商品 or 删除商品
-			followOrdelete(e) {
-				//关注商品
-				if (e.index == 0) {
-					this.goodsList.map((item) => {
-						item.goods.map((items) => {
-							if (e.name == items.cart.id) {
-								console.log(items);
-								uni.$u.http
-									.post(`/api/interest/follow`, {
-										interest_type: 0,
-										interest_id: items.merchant_goods.id,
-									})
-									.then((res) => {
-										this.$refs.show.forEach((item) => item.closeHandler(true));
-										console.log(res);
-										uni.showToast({
-											title: "关注成功",
-											icon: "none",
-										});
-									});
-							}
-						});
-					});
-				} else {
-					//删除商品
-					this.goodsList.map((item) => {
-						item.goods.map((items) => {
-							if (e.name == items.cart.id) {
-								uni.$u.http
-									.delete(`/api/cart?ids=${items.cart.id}`)
-									.then((res) => {
-										this.$refs.uToast.show({
-											type: "default",
-											title: this.i18n.defaultTheme,
-											message: this.i18n.successfullydelete,
-										});
-										//删除后关闭滑动打开的单元格
-										this.$refs.show.forEach((item) => item.closeHandler(true));
-										this.getShopCarList();
-									});
-							}
-						});
-					});
-				}
-			},
-
-			//多选删除
-			selectDelete() {
-				let goodsIdList = []; //筛选选中的商品id
-				this.goodsList.map((item) => {
-					item.goods.map((items) => {
-						if (this.checkboxValue1.indexOf(items.cart.id) >= 0) {
-							goodsIdList.push(items.cart.id);
-						}
-					});
-				});
-				uni.$u.http
-					.delete(`/api/cart`, {
-						ids: goodsIdList.join(","),
-					})
-					.then((res) => {
-						this.$refs.uToast.show({
-							type: "default",
-							title: this.i18n.defaultTheme,
-							message: this.i18n.successfullydelete,
-						});
-						this.checkboxValue1 = [];
-						this.getShopCarList();
-					});
-			},
-
-			shop(value) {
-				let num = 0;
-				value.map((item) => {
-					if (this.checkboxValue1.indexOf(item.cart.id) >= 0) {
-						num++;
-					}
-				});
-				return num;
-			},
-
-			//获取排除下架的商品之后的商品数量
-			getNormalGoodsNum(value) {
-				let num = 0;
-				value.map((item) => {
-					if (item.status != "down") {
-						num++;
-					}
-				});
-				return num;
-			},
-
-			//修改购物车商品数量
-			addOrReduce(n) {
-				console.log(n);
-				uni.$u.http
-					.post(`/api/cart/num/${this.num}`, {
-						goods_num: n.value,
-						type: "",
-					})
-					.then((res) => {
-						this.goodsPrice = 0;
-						this.goodsWeight = 0;
-						this.goodsList.map((item) => {
-							item.goods.map((items) => {
-								//判断是否有商品已被选中
-								if (
-									this.checkboxValue1.indexOf(items.cart.id) != -1 &&
-									items.status != "down"
-								) {
-									this.goodsWeight +=
-										items.sku_item[0].weight * items.cart.goods_num;
-									this.goodsPrice +=
-										Number(items.sku_item[0].discount_price) *
-										items.cart.goods_num;
-								}
-							});
-						});
-					});
-			},
-
-			//店铺商品全选
-			shopSelectAll(value) {
-				this.goodsPrice = 0;
-				this.goodsWeight = 0;
-				//先判断存放选中的数组有没有选中的数据
-				if (this.checkboxValue1.length == 0) {
-					//没有数据则直接将选中店铺中的商品存入数组
-					value.map((item) => {
-						//商品下架不得选中
-						if (item.status != "down") {
-							this.checkboxValue1.push(item.cart.id);
-						}
-					});
-				} else {
-					if (
-						this.shop(value) > 0 &&
-						this.shop(value) == this.getNormalGoodsNum(value)
-					) {
-						value.map((item) => {
-							//先判断选中的商品数组中该店铺商品是否已被选中，已被选中则取消选中
-							if (this.checkboxValue1.indexOf(item.cart.id) >= 0) {
-								this.checkboxValue1.splice(
-									this.checkboxValue1.indexOf(item.cart.id),
-									1
-								);
-							}
-						});
-					} else if (
-						(this.shop(value) > 0 &&
-							this.shop(value) != this.getNormalGoodsNum(value)) ||
-						this.shop(value) == 0
-					) {
-						value.map((item) => {
-							//先判断选中的商品数组中该店铺商品是否已被选中，未被选中则推入选中状态，商品下架不得选中
-							if (
-								this.checkboxValue1.indexOf(item.cart.id) == -1 &&
-								item.status != "down"
-							) {
-								this.checkboxValue1.push(item.cart.id);
-							}
-						});
-					}
-				}
-				if (this.checkboxValue1.length == this.goodsNum - this.removeProducts) {
-					this.$refs.tabbar1.cancelAll();
-				} else {
-					this.$refs.tabbar1.cancelAll(this.i18n.Cancel);
-				}
-
-				//将选中的商品价格相加
-				this.goodsList.map((item) => {
-					item.goods.map((items) => {
-						if (this.checkboxValue1.indexOf(items.cart.id) > -1) {
-							this.goodsWeight += items.sku_item[0].weight * items.cart.goods_num;
-							this.goodsPrice +=
-								Number(items.sku_item[0].discount_price) * items.cart.goods_num;
-						}
-					});
-				});
-				this.shop(value);
-			},
-			admin() {
-				console.log(this.checkboxValue1);
-				this.success = !this.success;
-			},
-			valChange(e) {
-				console.log("当前值为: " + e.value);
-			},
-			//全选
-			checkAll(e) {
-				console.log("all", e);
-			},
-			//购物车单选
-			checkboxChange(n) {
-				console.log(n);
-				//首先将价格和商品重量重置
-				this.goodsWeight = 0;
-				this.goodsPrice = 0;
-				this.checkboxValue1 = n;
-				this.goodsList.map((item) => {
-					item.goods.map((items) => {
-						if (n.indexOf(items.cart.id) > -1) {
-							this.goodsWeight += items.sku_item[0].weight * items.cart.goods_num;
-							this.goodsPrice +=
-								Number(items.sku_item[0].discount_price) * items.cart.goods_num;
-						}
-					});
-				});
-				//判断是否全部选中
-				if (
-					this.checkboxValue1.length == this.goodsNum - this.removeProducts &&
-					this.goodsNum != 0
-				) {
-					this.$refs.tabbar1.cancelAll();
-				} else if (
-					this.checkboxValue1.length <
-					this.goodsNum - this.removeProducts
-				) {
-					this.$refs.tabbar1.cancelAll(this.i18n.Cancel);
-				}
-			},
-			//购物车全选
-			allSelect() {
-				const all = this.$refs.tabbar1.cancelAll(this.i18n.selectall);
-				if (
-					this.checkboxValue1.length == this.goodsNum - this.removeProducts &&
-					all.length == 0
-				) {
-					return;
-				}
-				//判断是否已经全选，如已全选，则取消全选
-				if (this.checkboxValue1.length == this.goodsNum - this.removeProducts) {
-					this.checkboxValue1 = [];
-					this.goodsPrice = 0;
-					this.goodsWeight = 0;
-				} else {
-					this.goodsList.map((item) => {
-						item.goods.map((items) => {
-							//判断是否有商品已被选中
-							if (
-								this.checkboxValue1.indexOf(items.cart.id) == -1 &&
-								items.status != "down"
-							) {
-								this.checkboxValue1.push(items.cart.id);
-								this.goodsWeight +=
-									items.sku_item[0].weight * items.cart.goods_num;
-								this.goodsPrice +=
-									Number(items.sku_item[0].discount_price) * items.cart.goods_num;
-							}
-						});
-					});
-				}
-			},
-			//获取购物车数据
-			getShopCarList() {
-				this.goodsNum = 0;
-				uni.$u.http.get(`/api/cart`).then((res) => {
-					this.goodsList = res.data;
-					//循环店铺，获取购物车商品数量
-					this.goodsList.map((item) => {
-						this.goodsNum += item.goods.length;
-						item.goods.map((items) => {
-							if (items.status == "down") {
-								this.removeProducts++;
-							}
-						});
-					});
-				});
-			},
-		},
-		// mounted() {
-		//   this.getShopCarList();
-		// },
-	};
+export default {
+  data() {
+    return {
+      dele: true,
+      success: true,
+      shopitem: -1,
+      checkboxValue1: [], //商品数组
+      value: 0,
+      all: [], //全选数组
+      goodsList: [],
+      selectall: -1,
+      goodsNum: 0, //购物车商品数量
+      num: false,
+      goodsWeight: 0, //商品重量
+      goodsPrice: 0, //商品价格
+      tabarheight: "",
+      removeProducts: 0, //已下架的商品数量
+      language: "zh-CN",
+    };
+  },
+  watch: {},
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+    options2() {
+      var options = [
+        {
+          text: this.i18n.Shiftfocus,
+          style: {
+            backgroundColor: "#FFB115",
+          },
+        },
+        {
+          text: this.i18n.delete,
+          style: {
+            backgroundColor: "#F83224",
+          },
+        },
+      ];
+      return options;
+    },
+  },
+  onLoad() {
+    const systemInfo = wx.getSystemInfoSync();
+    const tab =
+      systemInfo.screenHeight -
+      systemInfo.safeArea.bottom +
+      systemInfo.statusBarHeight;
+    this.tabarheight = tab;
+  },
+  onShow() {
+    this.goodsNum = 0; //购物车商品数量
+    this.goodsWeight = 0; //商品重量
+    this.goodsPrice = 0; //商品价格
+    this.checkboxValue1 = [];
+    this.getShopCarList();
+    this.$refs.tabbar1.getNumber();
+    if (uni.getStorageSync("language") != "") {
+      this.language = uni.getStorageSync("language");
+    }
+  },
+  methods: {
+    //返回顶部
+    backTop() {
+      uni.pageScrollTo({
+        scrollTop: 0, // 滚动到页面的目标位置  这个是滚动到顶部, 0
+        duration: 300, // 滚动动画的时长
+      });
+    },
+    //商品下架之后的商品字体颜色
+    getFontColor(status) {
+      if (status == "down") {
+        return "color:rgba(51, 51, 51, .6)";
+      }
+    },
+
+    //关注商品 or 删除商品
+    followOrdelete(e) {
+      //关注商品
+      if (e.index == 0) {
+        this.goodsList.map((item) => {
+          item.goods.map((items) => {
+            if (e.name == items.cart.id) {
+              console.log(items);
+              uni.$u.http
+                .post(`/api/interest/follow`, {
+                  interest_type: 0,
+                  interest_id: items.merchant_goods.id,
+                })
+                .then((res) => {
+                  this.$refs.show.forEach((item) => item.closeHandler(true));
+                  console.log(res);
+                  uni.showToast({
+                    title: "关注成功",
+                    icon: "none",
+                  });
+                });
+            }
+          });
+        });
+      } else {
+        //删除商品
+        this.goodsList.map((item) => {
+          item.goods.map((items) => {
+            if (e.name == items.cart.id) {
+              uni.$u.http
+                .delete(`/api/cart?ids=${items.cart.id}`)
+                .then((res) => {
+                  this.$refs.uToast.show({
+                    type: "default",
+                    title: this.i18n.defaultTheme,
+                    message: this.i18n.successfullydelete,
+                  });
+                  //删除后关闭滑动打开的单元格
+                  this.$refs.show.forEach((item) => item.closeHandler(true));
+                  this.getShopCarList();
+                  this.$refs.tabbar1.getNumber();
+                });
+            }
+          });
+        });
+      }
+    },
+
+    //多选删除
+    selectDelete() {
+      let goodsIdList = []; //筛选选中的商品id
+      this.goodsList.map((item) => {
+        item.goods.map((items) => {
+          if (this.checkboxValue1.indexOf(items.cart.id) >= 0) {
+            goodsIdList.push(items.cart.id);
+          }
+        });
+      });
+      uni.$u.http
+        .delete(`/api/cart`, {
+          ids: goodsIdList.join(","),
+        })
+        .then((res) => {
+          this.$refs.uToast.show({
+            type: "default",
+            title: this.i18n.defaultTheme,
+            message: this.i18n.successfullydelete,
+          });
+          this.checkboxValue1 = [];
+          this.getShopCarList();
+          this.$refs.tabbar1.getNumber();
+        });
+    },
+
+    shop(value) {
+      let num = 0;
+      value.map((item) => {
+        if (this.checkboxValue1.indexOf(item.cart.id) >= 0) {
+          num++;
+        }
+      });
+      return num;
+    },
+
+    //获取排除下架的商品之后的商品数量
+    getNormalGoodsNum(value) {
+      let num = 0;
+      value.map((item) => {
+        if (item.status != "down") {
+          num++;
+        }
+      });
+      return num;
+    },
+
+    //修改购物车商品数量
+    addOrReduce(n) {
+      console.log(n);
+      uni.$u.http
+        .post(`/api/cart/num/${this.num}`, {
+          goods_num: n.value,
+          type: "",
+        })
+        .then((res) => {
+          this.goodsPrice = 0;
+          this.goodsWeight = 0;
+          this.goodsList.map((item) => {
+            item.goods.map((items) => {
+              //判断是否有商品已被选中
+              if (
+                this.checkboxValue1.indexOf(items.cart.id) != -1 &&
+                items.status != "down"
+              ) {
+                this.goodsWeight +=
+                  items.sku_item[0].weight * items.cart.goods_num;
+                this.goodsPrice +=
+                  Number(items.sku_item[0].discount_price) *
+                  items.cart.goods_num;
+              }
+            });
+          });
+        });
+    },
+
+    //店铺商品全选
+    shopSelectAll(value) {
+      this.goodsPrice = 0;
+      this.goodsWeight = 0;
+      //先判断存放选中的数组有没有选中的数据
+      if (this.checkboxValue1.length == 0) {
+        //没有数据则直接将选中店铺中的商品存入数组
+        value.map((item) => {
+          //商品下架不得选中
+          if (item.status != "down") {
+            this.checkboxValue1.push(item.cart.id);
+          }
+        });
+      } else {
+        if (
+          this.shop(value) > 0 &&
+          this.shop(value) == this.getNormalGoodsNum(value)
+        ) {
+          value.map((item) => {
+            //先判断选中的商品数组中该店铺商品是否已被选中，已被选中则取消选中
+            if (this.checkboxValue1.indexOf(item.cart.id) >= 0) {
+              this.checkboxValue1.splice(
+                this.checkboxValue1.indexOf(item.cart.id),
+                1
+              );
+            }
+          });
+        } else if (
+          (this.shop(value) > 0 &&
+            this.shop(value) != this.getNormalGoodsNum(value)) ||
+          this.shop(value) == 0
+        ) {
+          value.map((item) => {
+            //先判断选中的商品数组中该店铺商品是否已被选中，未被选中则推入选中状态，商品下架不得选中
+            if (
+              this.checkboxValue1.indexOf(item.cart.id) == -1 &&
+              item.status != "down"
+            ) {
+              this.checkboxValue1.push(item.cart.id);
+            }
+          });
+        }
+      }
+      if (this.checkboxValue1.length == this.goodsNum - this.removeProducts) {
+        this.$refs.tabbar1.cancelAll();
+      } else {
+        this.$refs.tabbar1.cancelAll(this.i18n.Cancel);
+      }
+
+      //将选中的商品价格相加
+      this.goodsList.map((item) => {
+        item.goods.map((items) => {
+          if (this.checkboxValue1.indexOf(items.cart.id) > -1) {
+            this.goodsWeight += items.sku_item[0].weight * items.cart.goods_num;
+            this.goodsPrice +=
+              Number(items.sku_item[0].discount_price) * items.cart.goods_num;
+          }
+        });
+      });
+      this.shop(value);
+    },
+    admin() {
+      console.log(this.checkboxValue1);
+      this.success = !this.success;
+    },
+    valChange(e) {
+      console.log("当前值为: " + e.value);
+    },
+    //全选
+    checkAll(e) {
+      console.log("all", e);
+    },
+    //购物车单选
+    checkboxChange(n) {
+      console.log(n);
+      //首先将价格和商品重量重置
+      this.goodsWeight = 0;
+      this.goodsPrice = 0;
+      this.checkboxValue1 = n;
+      this.goodsList.map((item) => {
+        item.goods.map((items) => {
+          if (n.indexOf(items.cart.id) > -1) {
+            this.goodsWeight += items.sku_item[0].weight * items.cart.goods_num;
+            this.goodsPrice +=
+              Number(items.sku_item[0].discount_price) * items.cart.goods_num;
+          }
+        });
+      });
+      //判断是否全部选中
+      if (
+        this.checkboxValue1.length == this.goodsNum - this.removeProducts &&
+        this.goodsNum != 0
+      ) {
+        this.$refs.tabbar1.cancelAll();
+      } else if (
+        this.checkboxValue1.length <
+        this.goodsNum - this.removeProducts
+      ) {
+        this.$refs.tabbar1.cancelAll(this.i18n.Cancel);
+      }
+    },
+    //购物车全选
+    allSelect() {
+      const all = this.$refs.tabbar1.cancelAll(this.i18n.selectall);
+      if (
+        this.checkboxValue1.length == this.goodsNum - this.removeProducts &&
+        all.length == 0
+      ) {
+        return;
+      }
+      //判断是否已经全选，如已全选，则取消全选
+      if (this.checkboxValue1.length == this.goodsNum - this.removeProducts) {
+        this.checkboxValue1 = [];
+        this.goodsPrice = 0;
+        this.goodsWeight = 0;
+      } else {
+        this.goodsList.map((item) => {
+          item.goods.map((items) => {
+            //判断是否有商品已被选中
+            if (
+              this.checkboxValue1.indexOf(items.cart.id) == -1 &&
+              items.status != "down"
+            ) {
+              this.checkboxValue1.push(items.cart.id);
+              this.goodsWeight +=
+                items.sku_item[0].weight * items.cart.goods_num;
+              this.goodsPrice +=
+                Number(items.sku_item[0].discount_price) * items.cart.goods_num;
+            }
+          });
+        });
+      }
+    },
+    //获取购物车数据
+    getShopCarList() {
+      this.goodsNum = 0;
+      uni.$u.http.get(`/api/cart`).then((res) => {
+        this.goodsList = res.data;
+        //循环店铺，获取购物车商品数量
+        this.goodsList.map((item) => {
+          this.goodsNum += item.goods.length;
+          item.goods.map((items) => {
+            if (items.status == "down") {
+              this.removeProducts++;
+            }
+          });
+        });
+      });
+    },
+  },
+  // mounted() {
+  //   this.getShopCarList();
+  // },
+};
 </script>
 
 <style lang="scss" scoped>
-	.page {
-		position: relative;
-
-		.back-top {
-			position: fixed;
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			width: 88rpx;
-			height: 88rpx;
-			background-color: #fff;
-			border-radius: 50%;
-			bottom: 280rpx;
-			right: 20rpx;
-			z-index: 1000;
-
-			.back-icon {
-				width: 32rpx;
-				height: 30rpx;
-			}
-
-			.back-text {
-				font-size: 20rpx;
-				color: #555;
-			}
-		}
-	}
-
-	.sold {
-		width: 108rpx;
-		height: 36rpx;
-		background: rgba(0, 0, 0, 0.4);
-		border-radius: 18rpx;
-		// padding: 0 14rpx;
-		text-align: center;
-		box-sizing: border-box;
-		line-height: 36rpx;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #ffffff;
-		font-style: normal;
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		margin-top: -18rpx;
-		margin-left: -54rpx;
-	}
-
-	.aaaaaa {
-		float: right;
-	}
-
-	.u-row-between {
-		// flex-direction: row-reverse;
-		position: relative;
-	}
-
-	.delect {
-		// width: 68rpx;
-		height: 44rpx;
-		line-height: 44rpx;
-		border-radius: 22rpx;
-		border: 1rpx solid #ff1515;
-		padding: 0 14rpx;
-		box-sizing: border-box;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #ff1515;
-		text-align: center;
-		font-style: normal;
-	}
-
-	.allweight {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 22rpx;
-		color: #333333;
-		line-height: 32rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.sum {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 22rpx;
-		color: #333333;
-		line-height: 32rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.summon {
-		font-family: JDZhengHT, JDZhengHT;
-		font-weight: 400;
-		font-size: 24rpx;
-		color: #ff1515;
-		line-height: 30rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.settle {
-		width: 176rpx;
-		height: 68rpx;
-		background: #f83224;
-		border-radius: 38rpx;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 500;
-		font-size: 28rpx;
-		color: #ffffff;
-		line-height: 68rpx;
-		text-align: center;
-		font-style: normal;
-		margin-left: 20rpx;
-	}
-
-	.icon {
-		width: 40rpx;
-		height: 40rpx;
-		background: #f83224;
-		border-radius: 12rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.dle {
-		width: 136rpx;
-		height: 60rpx;
-		border-radius: 38rpx;
-		border: 1rpx solid #979797;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 26rpx;
-		color: #333333;
-		line-height: 60rpx;
-		text-align: center;
-		font-style: normal;
-	}
-
-	::v-deep .u-swipe-action-item__content {
-		flex-direction: row !important;
-	}
-
-	::v-deep .u-swipe-action-item__right__button__wrapper {
-		width: 32px;
-		word-wrap: break-word;
-		font-size: 20rpx !important;
-	}
-
-	::v-deep .u-swipe-action-item__right__button__wrapper__text {
-		word-wrap: break-word;
-	}
-
-	::v-deep .u-swipe-action-item {
-		width: 100% !important;
-	}
-
-	::v-deep .u-swipe-action-item__right {
-		top: 2rpx !important;
-		right: 2rpx !important;
-		bottom: 2rpx !important;
-	}
-
-	.bottom {
-		width: 750rpx;
-		height: 100rpx;
-		background: #ffffff;
-		padding: 0 24rpx;
-		box-sizing: border-box;
-	}
-
-	.num {
-		width: 40rpx;
-		height: 40rpx;
-		border-radius: 20rpx;
-		border: 1rpx solid rgba(151, 151, 151, 0.4);
-		font-family: HarmonyOS_Sans;
-		font-size: 20rpx;
-		color: #222222;
-		line-height: 40rpx;
-		text-align: center;
-		font-style: normal;
-	}
-
-	.del {
-		width: 68rpx;
-		height: 44rpx;
-		text-align: center;
-		line-height: 44rpx;
-		border: 2rpx solid #f83224;
-		color: #f83224;
-		font-size: 20rpx;
-		border-radius: 22rpx;
-		position: absolute;
-		right: 10rpx;
-	}
-
-	.box {
-		padding: 0rpx 24rpx 20rpx;
-		margin-top: 20rpx;
-		box-sizing: border-box;
-
-		.item {
-			padding: 36rpx 20rpx;
-			box-sizing: border-box;
-			width: 702rpx;
-			// height: 556rpx;
-			background: #ffffff;
-			border-radius: 16rpx;
-
-			.money {
-				font-family: HarmonyOS_Sans_Medium;
-				font-size: 20rpx;
-				color: #ff1515;
-				line-height: 26rpx;
-				text-align: left;
-				font-style: normal;
-			}
-
-			.weight {
-				font-family: SFPro, SFPro;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #333333;
-				line-height: 24rpx;
-				text-align: left;
-				font-style: normal;
-				margin-left: 12rpx;
-			}
-
-			.goodtab {
-				// width: 96rpx;
-				height: 32rpx;
-				border-radius: 4rpx;
-				border: 1rpx solid #ff1515;
-				padding: 2rpx 8rpx;
-				box-sizing: border-box;
-				text-align: center;
-				line-height: 32rpx;
-				display: inline;
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #ff1515;
-				line-height: 28rpx;
-				text-align: left;
-				font-style: normal;
-				margin-right: 6rpx;
-			}
-
-			.goods {
-				// width: 284rpx;
-				height: 40rpx;
-				background: #f4f4f4;
-				border-radius: 8rpx;
-				display: inline;
-				text-align: center;
-				line-height: 40rpx;
-				margin-top: 20rpx;
-				padding: 6rpx 12rpx;
-				box-sizing: border-box;
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #555555;
-				line-height: 28rpx;
-				text-align: left;
-				font-style: normal;
-			}
-
-			.goodname {
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 500;
-				font-size: 28rpx;
-				color: #333333;
-				line-height: 40rpx;
-				text-align: left;
-				font-style: normal;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				word-break: break-all;
-				white-space: nowrap;
-				width: 100%;
-			}
-
-			.shopname {
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 500;
-				font-size: 26rpx;
-				color: #333333;
-				line-height: 36rpx;
-				text-align: left;
-				font-style: normal;
-
-				.circle {
-					width: 32rpx;
-					height: 32rpx;
-					margin-right: 10rpx;
-				}
-			}
-		}
-	}
-
-	.shopcart {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 500;
-		font-size: 36rpx;
-		color: #222222;
-		line-height: 50rpx;
-		text-align: right;
-		font-style: normal;
-	}
-
-	.sum {
-		font-family: HarmonyOS_Sans;
-		font-size: 22rpx;
-		color: #333333;
-		line-height: 32rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.down {
-		position: absolute;
-		top: 0;
-		left: 0;
-		background-color: #c7c7c7;
-		opacity: 0.7;
-		width: 100%;
-		height: 100%;
-		z-index: 10000;
-		border-radius: 20rpx;
-	}
-</style>
+.page {
+  position: relative;
+
+  .back-top {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 88rpx;
+    height: 88rpx;
+    background-color: #fff;
+    border-radius: 50%;
+    bottom: 280rpx;
+    right: 20rpx;
+    z-index: 1000;
+
+    .back-icon {
+      width: 32rpx;
+      height: 30rpx;
+    }
+
+    .back-text {
+      font-size: 20rpx;
+      color: #555;
+    }
+  }
+}
+
+.sold {
+  width: 108rpx;
+  height: 36rpx;
+  background: rgba(0, 0, 0, 0.4);
+  border-radius: 18rpx;
+  // padding: 0 14rpx;
+  text-align: center;
+  box-sizing: border-box;
+  line-height: 36rpx;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #ffffff;
+  font-style: normal;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -18rpx;
+  margin-left: -54rpx;
+}
+
+.aaaaaa {
+  float: right;
+}
+
+.u-row-between {
+  // flex-direction: row-reverse;
+  position: relative;
+}
+
+.delect {
+  // width: 68rpx;
+  height: 44rpx;
+  line-height: 44rpx;
+  border-radius: 22rpx;
+  border: 1rpx solid #ff1515;
+  padding: 0 14rpx;
+  box-sizing: border-box;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #ff1515;
+  text-align: center;
+  font-style: normal;
+}
+
+.allweight {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #333333;
+  line-height: 32rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.sum {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #333333;
+  line-height: 32rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.summon {
+  font-family: JDZhengHT, JDZhengHT;
+  font-weight: 400;
+  font-size: 24rpx;
+  color: #ff1515;
+  line-height: 30rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.settle {
+  width: 176rpx;
+  height: 68rpx;
+  background: #f83224;
+  border-radius: 38rpx;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 28rpx;
+  color: #ffffff;
+  line-height: 68rpx;
+  text-align: center;
+  font-style: normal;
+  margin-left: 20rpx;
+}
+
+.icon {
+  width: 40rpx;
+  height: 40rpx;
+  background: #f83224;
+  border-radius: 12rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dle {
+  width: 136rpx;
+  height: 60rpx;
+  border-radius: 38rpx;
+  border: 1rpx solid #979797;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 26rpx;
+  color: #333333;
+  line-height: 60rpx;
+  text-align: center;
+  font-style: normal;
+}
+
+::v-deep .u-swipe-action-item__content {
+  flex-direction: row !important;
+}
+
+::v-deep .u-swipe-action-item__right__button__wrapper {
+  width: 32px;
+  word-wrap: break-word;
+  font-size: 20rpx !important;
+}
+
+::v-deep .u-swipe-action-item__right__button__wrapper__text {
+  word-wrap: break-word;
+}
+
+::v-deep .u-swipe-action-item {
+  width: 100% !important;
+}
+
+::v-deep .u-swipe-action-item__right {
+  top: 2rpx !important;
+  right: 2rpx !important;
+  bottom: 2rpx !important;
+}
+
+.bottom {
+  width: 750rpx;
+  height: 100rpx;
+  background: #ffffff;
+  padding: 0 24rpx;
+  box-sizing: border-box;
+}
+
+.num {
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 20rpx;
+  border: 1rpx solid rgba(151, 151, 151, 0.4);
+  font-family: HarmonyOS_Sans;
+  font-size: 20rpx;
+  color: #222222;
+  line-height: 40rpx;
+  text-align: center;
+  font-style: normal;
+}
+
+.del {
+  width: 68rpx;
+  height: 44rpx;
+  text-align: center;
+  line-height: 44rpx;
+  border: 2rpx solid #f83224;
+  color: #f83224;
+  font-size: 20rpx;
+  border-radius: 22rpx;
+  position: absolute;
+  right: 10rpx;
+}
+
+.box {
+  padding: 0rpx 24rpx 20rpx;
+  margin-top: 20rpx;
+  box-sizing: border-box;
+
+  .item {
+    padding: 36rpx 20rpx;
+    box-sizing: border-box;
+    width: 702rpx;
+    // height: 556rpx;
+    background: #ffffff;
+    border-radius: 16rpx;
+
+    .money {
+      font-family: HarmonyOS_Sans_Medium;
+      font-size: 20rpx;
+      color: #ff1515;
+      line-height: 26rpx;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .weight {
+      font-family: SFPro, SFPro;
+      font-weight: 400;
+      font-size: 20rpx;
+      color: #333333;
+      line-height: 24rpx;
+      text-align: left;
+      font-style: normal;
+      margin-left: 12rpx;
+    }
+
+    .goodtab {
+      // width: 96rpx;
+      height: 32rpx;
+      border-radius: 4rpx;
+      border: 1rpx solid #ff1515;
+      padding: 2rpx 8rpx;
+      box-sizing: border-box;
+      text-align: center;
+      line-height: 32rpx;
+      display: inline;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 20rpx;
+      color: #ff1515;
+      line-height: 28rpx;
+      text-align: left;
+      font-style: normal;
+      margin-right: 6rpx;
+    }
+
+    .goods {
+      // width: 284rpx;
+      height: 40rpx;
+      background: #f4f4f4;
+      border-radius: 8rpx;
+      display: inline;
+      text-align: center;
+      line-height: 40rpx;
+      margin-top: 20rpx;
+      padding: 6rpx 12rpx;
+      box-sizing: border-box;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 20rpx;
+      color: #555555;
+      line-height: 28rpx;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .goodname {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 500;
+      font-size: 28rpx;
+      color: #333333;
+      line-height: 40rpx;
+      text-align: left;
+      font-style: normal;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+      white-space: nowrap;
+      width: 100%;
+    }
+
+    .shopname {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 500;
+      font-size: 26rpx;
+      color: #333333;
+      line-height: 36rpx;
+      text-align: left;
+      font-style: normal;
+
+      .circle {
+        width: 32rpx;
+        height: 32rpx;
+        margin-right: 10rpx;
+      }
+    }
+  }
+}
+
+.shopcart {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 36rpx;
+  color: #222222;
+  line-height: 50rpx;
+  text-align: right;
+  font-style: normal;
+}
+
+.sum {
+  font-family: HarmonyOS_Sans;
+  font-size: 22rpx;
+  color: #333333;
+  line-height: 32rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.down {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: #c7c7c7;
+  opacity: 0.7;
+  width: 100%;
+  height: 100%;
+  z-index: 10000;
+  border-radius: 20rpx;
+}
+</style>

pages/index/index.vue

@@ -1,792 +1,1021 @@
 <template>
-	<!-- 商城 -->
-	<view class="">
-		<!-- <view class="index-navbar"> -->
-		<view style="position: relative;">
-			<!-- 自定义导航栏 -->
-			<image src="../../static/images/index/back.png"
-				style="width: 750rpx;height: 1200rpx;position: absolute;top: 0;z-index: -1;" mode=""></image>
-			<u-navbar bgColor='rgba(255, 215,215, 1)' :placeholder='true' :fixed='true'>
-				<view class="u-nav-slot" slot="left" style="display: flex;">
-					<view class="" style="width: 40rpx;height:40rpx;position: relative;">
-						<u-badge :absolute='true' :offset="[0,-8]" :type="type" max="99" :value="unReadCount"></u-badge>
-						<image @click="tochat" src="../../static/images/index/xiaoxi.png" mode=""
-							style="width: 40rpx;height: 40rpx;">
-						</image>
-					</view>
-					<image @click="counter" src="../../static/images/index/compile.png" mode=""
-						style="width: 40rpx;height: 40rpx;margin-left: 22rpx;"></image>
-					<image src="../../static/images/index/dianhua.png" mode=""
-						style="width: 40rpx;height: 40rpx;margin-left: 22rpx;" @click="callphone"></image>
-				</view>
-				<view class="u-nav-slot" slot="center" style="width: 320rpx;">
-					<u-subsection bgColor='rgba(248, 50, 36, 0.1)' activeColor='#F83224' inactiveColor='#222'
-						:list="list" :current="current" @change="sectionChange"></u-subsection>
-				</view>
-			</u-navbar>
-			<view class="" style="margin-top: 30rpx;padding:0 24rpx;">
-				<!-- 搜索 -->
-				<view class="search">
-					<view class="u-flex">
-						<u-icon name="search" size='32'></u-icon>
-						<input type="text" v-model="keyword" :placeholder="i18n.Searchcon" />
-					</view>
-					<view class="right" @click="search">
-						{{i18n.search}}
-					</view>
-				</view>
-				<!-- tabs -->
-				<view class=""
-					style="display: flex;margin-top: 20rpx;align-items: center;justify-content: space-between;">
-					<u-tabs :list="list1" @change='changetab'></u-tabs>
-					<view class="border">
-					</view>
-					<view class="u-flex" style="margin-left: 24rpx;width: 100rpx;" @click="shoptype">
-						<image src="../../static/images/index/fenlei.png" style="width: 24rpx;height: 24rpx;;" mode="">
-						</image>
-						<text class="fenlei">{{i18n.sort}}</text>
-					</view>
-				</view>
-				<!-- 轮播图 -->
-				<view class="" style="margin-top: 20rpx;">
-					<u-swiper radius='10' :indicator='true' :list="banner"></u-swiper>
-				</view>
-			</view>
-		</view>
-		<view class="shopback">
-			<view class="u-flex u-row-between">
-				<!-- 百亿补贴 -->
-				<view class="bigbox" @click="subsidy(1)">
-					<view class="u-flex">
-						<image v-if="language=='zh-CN'" src="../../static/images/index/butie.png"
-							style="width: 104rpx;height: 26rpx;" mode="">
-						</image>
-						<image v-if="language =='en-US'" src="../../static/images/index/butie1.png"
-							style="width: 200rpx;height: 26rpx;" mode="">
-						</image>
-						<image v-if="language =='es-ES'" src="../../static/images/index/butie2.png"
-							style="width: 260rpx;height: 26rpx;" mode="">
-						</image>
-						<image v-if="language =='it-IT'" src="../../static/images/index/butie3.png"
-							style="width: 152rpx;height: 22rpx;" mode="">
-						</image>
-						<view class="biaoqian" style="background: #F35D22;">{{i18n.expensive}}</view>
-					</view>
-					<view class="u-flex" style="flex-wrap: wrap;justify-content: space-between;">
-						<view v-for="(item,idx) in subsidylist" class="ssbox  " style="margin-top: 16rpx;">
-							<view class="" style="position: relative">
-								<image :src="item.image" style="width: 144rpx;height: 144rpx;" mode=""></image>
-								<view v-if="language=='zh-CN'" class="u-flex u-row-center"
-									style="position: absolute;bottom: 10rpx;width: 144rpx;">
-									<view class="u-flex">
-										<view class="tag u-flex" style="background: rgba(243, 93, 34, 1);">
-											<image src="../../static/images/index/down.png"
-												style="width: 28rpx;height: 28rpx;position: relative;z-index: 3;"
-												mode="">
-											</image>
-											<text>{{i18n.fill}}</text>
-											<text>{{(item.price*1000 - item.discount_price*1000)/1000 + i18n.RMB}}</text>
-										</view>
-									</view>
-								</view>
-							</view>
-							<view class="money" style="text-align: center;">
-								￥{{item.discount_price}}
-							</view>
-						</view>
-					</view>
-				</view>
-				<!-- 拼包好物 -->
-				<view class="">
-					<view class="smallbox" @click="subsidy(2)">
-						<view class="u-flex">
-							<image v-if="language=='zh-CN'" src="../../static/images/index/pinbao.png"
-								style="width: 164rpx;height: 26rpx;" mode=""></image>
-							<image v-if="language =='en-US'" src="../../static/images/index/pinbao1.png"
-								style="width: 200rpx;height: 26rpx;" mode="">
-							</image>
-							<image v-if="language =='es-ES'" src="../../static/images/index/pinbao2.png"
-								style="width: 126rpx;height: 26rpx;" mode="">
-							</image>
-							<image v-if="language =='it-IT'" src="../../static/images/index/pinbao3.png"
-								style="width: 126rpx;height: 26rpx;" mode="">
-							</image>
-							<view v-if="language=='zh-CN'" class="biaoqian" style="background: rgba(255, 148, 21, 1);">
-								{{i18n.lowest}}1元
-							</view>
-							<view v-else class="biaoqian" style="background: rgba(255, 148, 21, 1);">{{i18n.lowest}}1RMB
-							</view>
-						</view>
-						<view class="u-flex" style="flex-wrap: wrap;justify-content: space-between;">
-							<view v-for="(item,idx) in packlist" class="ssbox  " style="margin-top: 16rpx;">
-								<view class="" style="position: relative">
-									<image :src="item.image" style=";width: 144rpx;height: 144rpx;" mode=""></image>
-									<view class="u-flex u-row-center"
-										style="position: absolute;bottom: 10rpx;width: 144rpx;">
-										<view class="u-flex">
-											<!-- 												<image src="../../static/images/index/label.png"
+  <!-- 商城 -->
+  <view class="">
+    <!-- <view class="index-navbar"> -->
+    <view style="position: relative">
+      <!-- 自定义导航栏 -->
+      <image
+        src="../../static/images/index/back.png"
+        style="
+          width: 750rpx;
+          height: 1200rpx;
+          position: absolute;
+          top: 0;
+          z-index: -1;
+        "
+        mode=""
+      ></image>
+      <u-navbar
+        bgColor="rgba(255, 215,215, 1)"
+        :placeholder="true"
+        :fixed="true"
+      >
+        <view class="u-nav-slot" slot="left" style="display: flex">
+          <view
+            class=""
+            style="width: 40rpx; height: 40rpx; position: relative"
+          >
+            <u-badge
+              :absolute="true"
+              :offset="[0, -8]"
+              :type="type"
+              max="99"
+              :value="unReadCount"
+            ></u-badge>
+            <image
+              @click="tochat"
+              src="../../static/images/index/xiaoxi.png"
+              mode=""
+              style="width: 40rpx; height: 40rpx"
+            >
+            </image>
+          </view>
+          <image
+            @click="counter"
+            src="../../static/images/index/compile.png"
+            mode=""
+            style="width: 40rpx; height: 40rpx; margin-left: 22rpx"
+          ></image>
+          <image
+            src="../../static/images/index/dianhua.png"
+            mode=""
+            style="width: 40rpx; height: 40rpx; margin-left: 22rpx"
+            @click="callphone"
+          ></image>
+        </view>
+        <view class="u-nav-slot" slot="center" style="width: 320rpx">
+          <u-subsection
+            bgColor="rgba(248, 50, 36, 0.1)"
+            activeColor="#F83224"
+            inactiveColor="#222"
+            :list="list"
+            :current="current"
+            @change="sectionChange"
+          ></u-subsection>
+        </view>
+      </u-navbar>
+      <view class="" style="margin-top: 30rpx; padding: 0 24rpx">
+        <!-- 搜索 -->
+        <view class="search">
+          <view class="u-flex">
+            <u-icon name="search" size="32"></u-icon>
+            <input
+              type="text"
+              v-model="keyword"
+              :placeholder="i18n.Searchcon"
+            />
+          </view>
+          <view class="right" @click="search">
+            {{ i18n.search }}
+          </view>
+        </view>
+        <!-- tabs -->
+        <view
+          class=""
+          style="
+            display: flex;
+            margin-top: 20rpx;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <u-tabs :list="list1" @change="changetab"></u-tabs>
+          <view class="border"> </view>
+          <view
+            class="u-flex"
+            style="margin-left: 24rpx; width: 100rpx"
+            @click="shoptype"
+          >
+            <image
+              src="../../static/images/index/fenlei.png"
+              style="width: 24rpx; height: 24rpx"
+              mode=""
+            >
+            </image>
+            <text class="fenlei">{{ i18n.sort }}</text>
+          </view>
+        </view>
+        <!-- 轮播图 -->
+        <view class="" style="margin-top: 20rpx">
+          <u-swiper radius="10" :indicator="true" :list="banner"></u-swiper>
+        </view>
+      </view>
+    </view>
+    <view class="shopback">
+      <view class="u-flex u-row-between">
+        <!-- 百亿补贴 -->
+        <view class="bigbox" @click="subsidy(1)">
+          <view class="u-flex">
+            <image
+              v-if="language == 'zh-CN'"
+              src="../../static/images/index/butie.png"
+              style="width: 104rpx; height: 26rpx"
+              mode=""
+            >
+            </image>
+            <image
+              v-if="language == 'en-US'"
+              src="../../static/images/index/butie1.png"
+              style="width: 200rpx; height: 26rpx"
+              mode=""
+            >
+            </image>
+            <image
+              v-if="language == 'es-ES'"
+              src="../../static/images/index/butie2.png"
+              style="width: 260rpx; height: 26rpx"
+              mode=""
+            >
+            </image>
+            <image
+              v-if="language == 'it-IT'"
+              src="../../static/images/index/butie3.png"
+              style="width: 152rpx; height: 22rpx"
+              mode=""
+            >
+            </image>
+            <view class="biaoqian" style="background: #f35d22">{{
+              i18n.expensive
+            }}</view>
+          </view>
+          <view
+            class="u-flex"
+            style="flex-wrap: wrap; justify-content: space-between"
+          >
+            <view
+              v-for="(item, idx) in subsidylist"
+              class="ssbox"
+              style="margin-top: 16rpx"
+            >
+              <view class="" style="position: relative">
+                <image
+                  :src="item.image"
+                  style="width: 144rpx; height: 144rpx"
+                  mode=""
+                ></image>
+                <view
+                  v-if="language == 'zh-CN'"
+                  class="u-flex u-row-center"
+                  style="position: absolute; bottom: 10rpx; width: 144rpx"
+                >
+                  <view class="u-flex">
+                    <view
+                      class="tag u-flex"
+                      style="background: rgba(243, 93, 34, 1)"
+                    >
+                      <image
+                        src="../../static/images/index/down.png"
+                        style="
+                          width: 28rpx;
+                          height: 28rpx;
+                          position: relative;
+                          z-index: 3;
+                        "
+                        mode=""
+                      >
+                      </image>
+                      <text>{{ i18n.fill }}</text>
+                      <text>{{
+                        (item.price * 1000 - item.discount_price * 1000) /
+                          1000 +
+                        i18n.RMB
+                      }}</text>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <view class="money" style="text-align: center">
+                ￥{{ item.discount_price }}
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- 拼包好物 -->
+        <view class="">
+          <view class="smallbox" @click="subsidy(2)">
+            <view class="u-flex">
+              <image
+                v-if="language == 'zh-CN'"
+                src="../../static/images/index/pinbao.png"
+                style="width: 164rpx; height: 26rpx"
+                mode=""
+              ></image>
+              <image
+                v-if="language == 'en-US'"
+                src="../../static/images/index/pinbao1.png"
+                style="width: 200rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <image
+                v-if="language == 'es-ES'"
+                src="../../static/images/index/pinbao2.png"
+                style="width: 126rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <image
+                v-if="language == 'it-IT'"
+                src="../../static/images/index/pinbao3.png"
+                style="width: 126rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <view
+                v-if="language == 'zh-CN'"
+                class="biaoqian"
+                style="background: rgba(255, 148, 21, 1)"
+              >
+                {{ i18n.lowest }}1元
+              </view>
+              <view
+                v-else
+                class="biaoqian"
+                style="background: rgba(255, 148, 21, 1)"
+                >{{ i18n.lowest }}1RMB
+              </view>
+            </view>
+            <view
+              class="u-flex"
+              style="flex-wrap: wrap; justify-content: space-between"
+            >
+              <view
+                v-for="(item, idx) in packlist"
+                class="ssbox"
+                style="margin-top: 16rpx"
+              >
+                <view class="" style="position: relative">
+                  <image
+                    :src="item.image"
+                    style="width: 144rpx; height: 144rpx"
+                    mode=""
+                  ></image>
+                  <view
+                    class="u-flex u-row-center"
+                    style="position: absolute; bottom: 10rpx; width: 144rpx"
+                  >
+                    <view class="u-flex">
+                      <!-- 												<image src="../../static/images/index/label.png"
 													style="width: 28rpx;height: 28rpx;position: relative;z-index: 3;"
 													mode="">
 												</image> -->
-											<view v-if="item.is_discount==0" class="tag u-flex"
-												style="background-color: rgba(251, 73, 70, 1);">
-												<image src="../../static/images/index/down.png"
-													style="width: 28rpx;height: 28rpx;position: relative;z-index: 3;"
-													mode="">
-												</image>
-												<text>{{(item.price*1000 - item.discount_price*1000)/1000 + i18n.RMB}}</text>
-											</view>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-					<view class="smallbox" @click="subsidy(3)">
-						<view class="u-flex">
-							<image v-if="language =='zh-CN'" src="../../static/images/index/postage.png"
-								style="width: 116rpx;height: 26rpx;" mode=""></image>
-							<image v-if="language =='en-US'" src="../../static/images/index/postage1.png"
-								style="width: 130rpx;height: 26rpx;" mode="">
-							</image>
-							<image v-if="language =='es-ES'" src="../../static/images/index/postage2.png"
-								style="width: 200rpx;height: 26rpx;" mode="">
-							</image>
-							<image v-if="language =='it-IT'" src="../../static/images/index/postage3.png"
-								style="width: 190rpx;height: 26rpx;" mode="">
-							</image>
-							<view class="biaoqian" style="background:rgba(248, 50, 36, 1)">{{i18n.Something}}</view>
-						</view>
-						<view class="u-flex" style="flex-wrap: wrap;justify-content: space-between;">
-							<view v-for="(item,idx) in shippList" class="ssbox  " style="margin-top: 8rpx;">
-								<view class="" style="position: relative">
-									<image :src="item.image" style="width: 124rpx;height: 124rpx;" mode=""></image>
-									<view class="shopname" v-if="language =='zh-CN'">
-										{{item.name_cn}}
-									</view>
-									<view class="shopname" v-if="language =='en-US'">
-										{{item.name_en}}
-									</view>
-									<view class="shopname" v-if="language =='es-ES'">
-										{{item.name_es}}
-									</view>
-									<view class="shopname" v-if="language =='it-IT'">
-										{{item.name_ita}}
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="u-flex u-row-between" style="flex-wrap: wrap;">
-				<view class="bigbox" v-for="(item,index) in recomlist" style="position: relative;"
-					@click="todetail(item.id)">
-					<view v-if="item.is_discount==0 || item.mer_is_discount ==0 " class="discount">
-						{{i18n.discount}}
-					</view>
-					<image :src="item.image"
-						style="width: 340rpx;height: 340rpx;;margin-left: -20rpx;margin-top: -18rpx;" mode=""></image>
-					<view class="title" v-if="language =='zh-CN'">
-						{{item.name_cn}}
-					</view>
-					<view class="title" v-if="language =='en-US'">
-						{{item.name_en}}
-					</view>
-					<view class="title" v-if="language =='es-ES'">
-						{{item.name_es}}
-					</view>
-					<view class="title" v-if="language =='it-IT'">
-						{{item.name_ita}}
-					</view>
-					<view class="">
-						<text class="money">
-							¥{{item.discount_price}}
-						</text>
-						<text class="weight">
-							¥{{item.weight}}/kg
-						</text>
-					</view>
-					<view v-if="item.label_arr" class="u-flex"
-						style="flex-wrap: wrap;margin-top: 18rpx;column-gap: 6px;overflow: hidden;">
-						<!-- 					<view v-for="(child,idx) in item.label_arr" :key="idx" class="taber"
+                      <view
+                        v-if="item.is_discount == 0"
+                        class="tag u-flex"
+                        style="background-color: rgba(251, 73, 70, 1)"
+                      >
+                        <image
+                          src="../../static/images/index/down.png"
+                          style="
+                            width: 28rpx;
+                            height: 28rpx;
+                            position: relative;
+                            z-index: 3;
+                          "
+                          mode=""
+                        >
+                        </image>
+                        <text>{{
+                          (item.price * 1000 - item.discount_price * 1000) /
+                            1000 +
+                          i18n.RMB
+                        }}</text>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="smallbox" @click="subsidy(3)">
+            <view class="u-flex">
+              <image
+                v-if="language == 'zh-CN'"
+                src="../../static/images/index/postage.png"
+                style="width: 116rpx; height: 26rpx"
+                mode=""
+              ></image>
+              <image
+                v-if="language == 'en-US'"
+                src="../../static/images/index/postage1.png"
+                style="width: 130rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <image
+                v-if="language == 'es-ES'"
+                src="../../static/images/index/postage2.png"
+                style="width: 200rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <image
+                v-if="language == 'it-IT'"
+                src="../../static/images/index/postage3.png"
+                style="width: 190rpx; height: 26rpx"
+                mode=""
+              >
+              </image>
+              <view class="biaoqian" style="background: rgba(248, 50, 36, 1)">{{
+                i18n.Something
+              }}</view>
+            </view>
+            <view
+              class="u-flex"
+              style="flex-wrap: wrap; justify-content: space-between"
+            >
+              <view
+                v-for="(item, idx) in shippList"
+                class="ssbox"
+                style="margin-top: 8rpx"
+              >
+                <view class="" style="position: relative">
+                  <image
+                    :src="item.image"
+                    style="width: 124rpx; height: 124rpx"
+                    mode=""
+                  ></image>
+                  <view class="shopname" v-if="language == 'zh-CN'">
+                    {{ item.name_cn }}
+                  </view>
+                  <view class="shopname" v-if="language == 'en-US'">
+                    {{ item.name_en }}
+                  </view>
+                  <view class="shopname" v-if="language == 'es-ES'">
+                    {{ item.name_es }}
+                  </view>
+                  <view class="shopname" v-if="language == 'it-IT'">
+                    {{ item.name_ita }}
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="u-flex u-row-between" style="flex-wrap: wrap">
+        <view
+          class="bigbox"
+          v-for="(item, index) in recomlist"
+          style="position: relative"
+          @click="todetail(item.id)"
+        >
+          <view
+            v-if="item.is_discount == 0 || item.mer_is_discount == 0"
+            class="discount"
+          >
+            {{ i18n.discount }}
+          </view>
+          <image
+            :src="item.image"
+            style="
+              width: 340rpx;
+              height: 340rpx;
+              margin-left: -20rpx;
+              margin-top: -18rpx;
+            "
+            mode=""
+          ></image>
+          <view class="title" v-if="language == 'zh-CN'">
+            {{ item.name_cn }}
+          </view>
+          <view class="title" v-if="language == 'en-US'">
+            {{ item.name_en }}
+          </view>
+          <view class="title" v-if="language == 'es-ES'">
+            {{ item.name_es }}
+          </view>
+          <view class="title" v-if="language == 'it-IT'">
+            {{ item.name_ita }}
+          </view>
+          <view class="">
+            <text class="money"> ¥{{ item.discount_price }} </text>
+            <text class="weight"> ¥{{ item.weight }}/kg </text>
+          </view>
+          <view
+            v-if="item.label_arr"
+            class="u-flex"
+            style="
+              flex-wrap: wrap;
+              margin-top: 18rpx;
+              column-gap: 6px;
+              overflow: hidden;
+            "
+          >
+            <!-- 					<view v-for="(child,idx) in item.label_arr" :key="idx" class="taber"
 							style="border: 1rpx solid #E5BC78;color: #E5BC78;">
 							<text>{{child.name_cn}}</text>
 						</view> -->
-						<view v-for="(child,idx) in item.label_arr.slice(0,3)" :key="idx" class="taber"
-							style="border: 1rpx solid rgba(237, 9, 9, 1);color: rgba(237, 9, 9, 1);">
-							<text v-if="language =='zh-CN'">
-								{{child.name_cn}}
-							</text>
-							<text v-if="language =='en-US'">
-								{{child.name_en}}
-							</text>
-							<text v-if="language =='es-ES'">
-								{{child.name_es}}
-							</text>
-							<text v-if="language =='it-IT'">
-								{{child.name_ita}}
-							</text>
-						</view>
-						<!-- <view class="taber" style="border: 1rpx solid #E5BC78;color: #E5BC78;">以旧换新</view> -->
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<u-popup :show="show" mode='center' :round='16' bgColor='transparent'>
-			<view style="position: relative;" @click="advert">
-				<image :src="configimage" style="width: 570rpx;height: 764rpx;border-radius: 16rpx;" mode=""></image>
-				<view class="" style="text-align: center;" @click.stop='show=false'>
-					<image src="../../static/images/index/close.png" mode="" style="width: 70rpx;height: 70rpx;">
-					</image>
-				</view>
-			</view>
-		</u-popup>
-		<view class="" style="height: 160rpx;" v-if="recomlist.length >3"></view>
-		<kj-tabbar :value1=0></kj-tabbar>
-	</view>
+            <view
+              v-for="(child, idx) in item.label_arr.slice(0, 3)"
+              :key="idx"
+              class="taber"
+              style="
+                border: 1rpx solid rgba(237, 9, 9, 1);
+                color: rgba(237, 9, 9, 1);
+              "
+            >
+              <text v-if="language == 'zh-CN'">
+                {{ child.name_cn }}
+              </text>
+              <text v-if="language == 'en-US'">
+                {{ child.name_en }}
+              </text>
+              <text v-if="language == 'es-ES'">
+                {{ child.name_es }}
+              </text>
+              <text v-if="language == 'it-IT'">
+                {{ child.name_ita }}
+              </text>
+            </view>
+            <!-- <view class="taber" style="border: 1rpx solid #E5BC78;color: #E5BC78;">以旧换新</view> -->
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <u-popup :show="show" mode="center" :round="16" bgColor="transparent">
+      <view style="position: relative" @click="advert">
+        <image
+          :src="configimage"
+          style="width: 570rpx; height: 764rpx; border-radius: 16rpx"
+          mode=""
+        ></image>
+        <view class="" style="text-align: center" @click.stop="show = false">
+          <image
+            src="../../static/images/index/close.png"
+            mode=""
+            style="width: 70rpx; height: 70rpx"
+          >
+          </image>
+        </view>
+      </view>
+    </u-popup>
+    <view class="" style="height: 160rpx" v-if="recomlist.length > 3"></view>
+    <kj-tabbar :value1="0" ref="kjTabbar"></kj-tabbar>
+  </view>
 </template>
 
 <script>
-	import {
-		conn,
-	} from '@/utils/WebIM';
-	import {
-		recom
-	} from "../../network/shopApi.js";
-	export default {
-		data() {
-			return {
-				recomlist: [], //推荐列表
-				//顶部分段器
-				// list: [],
-				current: 1,
-				//tabs
-				list1: [{
-					name: '推荐',
-				}],
-				//轮播图
-				banner: [
-					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
-					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
-					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-				],
-				show: true,
-				timer: '',
-				language: 'zh-CN',
-				subsidylist: [], //百万补贴
-				packlist: [], //拼包好物
-				shippList: [], //海外包邮
-				keyword: '',
-				page: 1,
-				index: 0,
-				parent_id: '',
-				last_page: '',
-				configimage: '',
-				url: '',
-				unReadCount: 0,
-				type: "error",
-			}
-		},
-		computed: {
-			i18n() {
-				return this.$t('index')
-			},
-			list() {
-				var list = []
-				list = [this.i18n.border, this.i18n.shop]
-				return list
-			}
-		},
-		onReachBottom() {
-			if (this.page < this.last_page) {
-				if (this.current != 0) {
-					this.page++
-					this.goods(this.parent_id)
-				}
-			} else {
-				this.$u.toast(this.i18n.Nofurtherdata)
-			}
-		},
-		onLoad(options) {
-			// this.seater()
-			if (options.current) {
-				this.current = options.current
-			}
-			//商品推荐
-			this.getlista()
-		},
-		onShow() {
-			this.config()
-			// tabs列表
-			this.category()
-			//百万补贴
-			this.subsid()
-			//拼包好物
-			this.pack()
-			//海外包邮
-			this.shipp()
-			this.recommend()
-			if (uni.getStorageSync('language') != '') {
-				this.language = uni.getStorageSync('language')
-			}
-			this.HXlogin()
-		},
-		methods: {
-			//获取快递列表
-			getlista() {
-				uni.$u.http.get('/api/express-company', {}).then((res) => {
-					uni.setStorageSync('radiolist1', res)
-				}).catch(() => {
-
-				})
-			},
-			HXlogin() {
-				if (uni.getStorageSync('user_no') && uni.getStorageSync('pwd')) {
-					var user_no = uni.getStorageSync('user_no')
-					var pwd = uni.getStorageSync('pwd')
-					conn.open({
-						user: user_no,
-						pwd: pwd,
-						appKey: conn.appkey
-					}).then(() => {
-						console.log('res');
-						this.getlist()
-					}).catch(reason => {
-						console.log('失败', reason);
-					})
-
-				}
-			},
-			getlist() {
-				this.unReadCount = 0
-				conn.getServerConversations({
-					pageSize: 50,
-					cursor: ''
-				}).then((res) => {
-					console.log(res);
-					res.data.conversations.forEach((item) => {
-						this.unReadCount += item.unReadCount
-					})
-					console.log(this.unReadCount);
-				})
-			},
-			callphone() {
-				uni.$u.http.get('/api/config', {
-					params: {
-						module: 'basic'
-					}
-				}).then((res) => {
-					console.log(res);
-					uni.makePhoneCall({
-						phoneNumber: res.service_mobile
-					})
-				}).catch(() => {
-
-				})
-
-			},
-			advert() {
-				uni.navigateTo({
-					url: this.url
-				})
-			},
-			//广告弹窗
-			config() {
-				uni.$u.http.get('api/config', {
-					params: {
-						module: 'advertising'
-					}
-				}).then((res) => {
-					console.log(res);
-					this.configimage = res.image
-					this.url = res.url
-				}).catch(() => {
-
-				})
-			},
-			//海外包邮接口
-			shipp() {
-				uni.$u.http.post('api/goods/shipping').then((res) => {
-					this.shippList = res.data.splice(0, 2)
-				}).catch(() => {
-
-				})
-			},
-			//拼包好物接口
-			pack() {
-				uni.$u.http.post('/api/goods/pack').then((res) => {
-					this.packlist = res.data.splice(0, 2)
-				}).catch(() => {
-
-				})
-			},
-			//百万补贴接口
-			subsid() {
-				uni.$u.http.post('/api/goods/subsidy').then((res) => {
-					console.log(res);
-					this.subsidylist = res.data.splice(0, 4)
-				}).catch(() => {
-
-				})
-			},
-			//标签切换
-			changetab(e) {
-				this.page = 1
-				this.last_page = 0
-				this.index = e.index
-				this.parent_id = e.id
-				if (this.index == 0) {
-					this.recommend()
-				} else {
-					this.recomlist = []
-					this.goods(this.parent_id)
-				}
-			},
-			search() {
-				if (this.index == 0) {
-					this.recommend()
-				} else {
-					this.recomlist = []
-					this.goods(this.parent_id)
-				}
-			},
-			//商品推荐
-			recommend() {
-				uni.$u.http.post('/api/goods/recommend', {
-					keyword: this.keyword
-				}).then((res) => {
-					this.recomlist = res
-				}).catch(() => {
-
-				})
-			},
-			//商品分类列表
-			category() {
-				uni.$u.http.get('/api/goods/category', {
-					params: {
-						parent_id: 0
-					}
-				}).then((res) => {
-					const categoryArr = res
-					this.list1 = [{
-						name: ''
-					}]
-					if (this.language == 'en-US') {
-						categoryArr.forEach(item => {
-							item.name = item.name_en
-						})
-						this.list1[0].name = 'recommend'
-					}
-					if (this.language == 'es-ES') {
-						categoryArr.forEach(item => {
-							item.name = item.name_es
-						})
-						this.list1[0].name = 'recomendación'
-					}
-					if (this.language == 'it-IT') {
-						categoryArr.forEach(item => {
-							item.name = item.name_ita
-						})
-						this.list1[0].name = 'raccomandata'
-					}
-
-					if (this.language == 'zh-CN') {
-						categoryArr.forEach(item => {
-							item.name = item.name_cn
-						})
-						this.list1[0].name = '推荐'
-					}
-					this.list1 = this.list1.concat(categoryArr)
-				}).catch(() => {
-
-				})
-			},
-			//商品列表
-			goods(id) {
-				uni.$u.http.get('/api/goods', {
-					params: {
-						parent_id: id,
-						limit: 10,
-						page: this.page,
-						keyword: this.keyword
-					}
-				}).then((res) => {
-					this.recomlist = this.recomlist.concat(res.data)
-					this.last_page = res.last_page
-				}).catch(() => {
-
-				})
-			},
-			//百万补贴跳转
-			subsidy(item) {
-				uni.navigateTo({
-					url: '/pageA/subsidy?show=' + item
-				})
-			},
-			//物流计算器
-			counter() {
-				uni.navigateTo({
-					url: '/pageA/counter'
-				})
-			},
-			//消息
-			tochat() {
-				uni.navigateTo({
-					url: '/pageA/chat/news'
-				})
-			},
-			//商品分类
-			shoptype() {
-				uni.navigateTo({
-					url: '/pageA/shoptype'
-				})
-			},
-			//分段器切换
-			sectionChange(index) {
-				this.current = index;
-				console.log(index);
-				if (this.current == 0) {
-					uni.switchTab({
-						url: '/pages/express/express?current=0'
-					})
-					this.current = 1
-				}
-			},
-			//详情
-			todetail(id) {
-				uni.navigateTo({
-					url: '/pageA/productdetails?id=' + id
-				})
-			}
-		}
-	}
+import { conn } from "@/utils/WebIM";
+import { recom } from "../../network/shopApi.js";
+export default {
+  data() {
+    return {
+      recomlist: [], //推荐列表
+      //顶部分段器
+      // list: [],
+      current: 1,
+      //tabs
+      list1: [
+        {
+          name: "推荐",
+        },
+      ],
+      //轮播图
+      banner: [
+        "https://cdn.uviewui.com/uview/swiper/swiper1.png",
+        "https://cdn.uviewui.com/uview/swiper/swiper2.png",
+        "https://cdn.uviewui.com/uview/swiper/swiper3.png",
+      ],
+      show: true,
+      timer: "",
+      language: "zh-CN",
+      subsidylist: [], //百万补贴
+      packlist: [], //拼包好物
+      shippList: [], //海外包邮
+      keyword: "",
+      page: 1,
+      index: 0,
+      parent_id: "",
+      last_page: "",
+      configimage: "",
+      url: "",
+      unReadCount: 0,
+      type: "error",
+    };
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+    list() {
+      var list = [];
+      list = [this.i18n.border, this.i18n.shop];
+      return list;
+    },
+  },
+  onReachBottom() {
+    if (this.page < this.last_page) {
+      if (this.current != 0) {
+        this.page++;
+        this.goods(this.parent_id);
+      }
+    } else {
+      this.$u.toast(this.i18n.Nofurtherdata);
+    }
+  },
+  onLoad(options) {
+    // this.seater()
+    if (options.current) {
+      this.current = options.current;
+    }
+    //商品推荐
+    this.getlista();
+  },
+  onShow() {
+    this.config();
+    // tabs列表
+    this.category();
+    //百万补贴
+    this.subsid();
+    //拼包好物
+    this.pack();
+    //海外包邮
+    this.shipp();
+    this.recommend();
+    if (uni.getStorageSync("language") != "") {
+      this.language = uni.getStorageSync("language");
+    }
+    this.HXlogin();
+    this.$refs.kjTabbar.getNumber();
+  },
+  methods: {
+    //获取快递列表
+    getlista() {
+      uni.$u.http
+        .get("/api/express-company", {})
+        .then((res) => {
+          uni.setStorageSync("radiolist1", res);
+        })
+        .catch(() => {});
+    },
+    HXlogin() {
+      if (uni.getStorageSync("user_no") && uni.getStorageSync("pwd")) {
+        var user_no = uni.getStorageSync("user_no");
+        var pwd = uni.getStorageSync("pwd");
+        conn
+          .open({
+            user: user_no,
+            pwd: pwd,
+            appKey: conn.appkey,
+          })
+          .then(() => {
+            console.log("res");
+            this.getlist();
+          })
+          .catch((reason) => {
+            console.log("失败", reason);
+          });
+      }
+    },
+    getlist() {
+      this.unReadCount = 0;
+      conn
+        .getServerConversations({
+          pageSize: 50,
+          cursor: "",
+        })
+        .then((res) => {
+          console.log(res);
+          res.data.conversations.forEach((item) => {
+            this.unReadCount += item.unReadCount;
+          });
+          console.log(this.unReadCount);
+        });
+    },
+    callphone() {
+      uni.$u.http
+        .get("/api/config", {
+          params: {
+            module: "basic",
+          },
+        })
+        .then((res) => {
+          console.log(res);
+          uni.makePhoneCall({
+            phoneNumber: res.service_mobile,
+          });
+        })
+        .catch(() => {});
+    },
+    advert() {
+      uni.navigateTo({
+        url: this.url,
+      });
+    },
+    //广告弹窗
+    config() {
+      uni.$u.http
+        .get("api/config", {
+          params: {
+            module: "advertising",
+          },
+        })
+        .then((res) => {
+          console.log(res);
+          this.configimage = res.image;
+          this.url = res.url;
+        })
+        .catch(() => {});
+    },
+    //海外包邮接口
+    shipp() {
+      uni.$u.http
+        .post("api/goods/shipping")
+        .then((res) => {
+          this.shippList = res.data.splice(0, 2);
+        })
+        .catch(() => {});
+    },
+    //拼包好物接口
+    pack() {
+      uni.$u.http
+        .post("/api/goods/pack")
+        .then((res) => {
+          this.packlist = res.data.splice(0, 2);
+        })
+        .catch(() => {});
+    },
+    //百万补贴接口
+    subsid() {
+      uni.$u.http
+        .post("/api/goods/subsidy")
+        .then((res) => {
+          console.log(res);
+          this.subsidylist = res.data.splice(0, 4);
+        })
+        .catch(() => {});
+    },
+    //标签切换
+    changetab(e) {
+      this.page = 1;
+      this.last_page = 0;
+      this.index = e.index;
+      this.parent_id = e.id;
+      if (this.index == 0) {
+        this.recommend();
+      } else {
+        this.recomlist = [];
+        this.goods(this.parent_id);
+      }
+    },
+    search() {
+      if (this.index == 0) {
+        this.recommend();
+      } else {
+        this.recomlist = [];
+        this.goods(this.parent_id);
+      }
+    },
+    //商品推荐
+    recommend() {
+      uni.$u.http
+        .post("/api/goods/recommend", {
+          keyword: this.keyword,
+        })
+        .then((res) => {
+          this.recomlist = res;
+        })
+        .catch(() => {});
+    },
+    //商品分类列表
+    category() {
+      uni.$u.http
+        .get("/api/goods/category", {
+          params: {
+            parent_id: 0,
+          },
+        })
+        .then((res) => {
+          const categoryArr = res;
+          this.list1 = [
+            {
+              name: "",
+            },
+          ];
+          if (this.language == "en-US") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_en;
+            });
+            this.list1[0].name = "recommend";
+          }
+          if (this.language == "es-ES") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_es;
+            });
+            this.list1[0].name = "recomendación";
+          }
+          if (this.language == "it-IT") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_ita;
+            });
+            this.list1[0].name = "raccomandata";
+          }
+
+          if (this.language == "zh-CN") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_cn;
+            });
+            this.list1[0].name = "推荐";
+          }
+          this.list1 = this.list1.concat(categoryArr);
+        })
+        .catch(() => {});
+    },
+    //商品列表
+    goods(id) {
+      uni.$u.http
+        .get("/api/goods", {
+          params: {
+            parent_id: id,
+            limit: 10,
+            page: this.page,
+            keyword: this.keyword,
+          },
+        })
+        .then((res) => {
+          this.recomlist = this.recomlist.concat(res.data);
+          this.last_page = res.last_page;
+        })
+        .catch(() => {});
+    },
+    //百万补贴跳转
+    subsidy(item) {
+      uni.navigateTo({
+        url: "/pageA/subsidy?show=" + item,
+      });
+    },
+    //物流计算器
+    counter() {
+      uni.navigateTo({
+        url: "/pageA/counter",
+      });
+    },
+    //消息
+    tochat() {
+      uni.navigateTo({
+        url: "/pageA/chat/news",
+      });
+    },
+    //商品分类
+    shoptype() {
+      uni.navigateTo({
+        url: "/pageA/shoptype",
+      });
+    },
+    //分段器切换
+    sectionChange(index) {
+      this.current = index;
+      console.log(index);
+      if (this.current == 0) {
+        uni.switchTab({
+          url: "/pages/express/express?current=0",
+        });
+        this.current = 1;
+      }
+    },
+    //详情
+    todetail(id) {
+      uni.navigateTo({
+        url: "/pageA/productdetails?id=" + id,
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	page {
-		background-color: rgba(0, 0, 0, 0)
-	}
-
-	.discount {
-		// width: 100rpx;
-		padding: 0 6rpx;
-		height: 36rpx;
-		background: #FF1515;
-		border-radius: 6rpx;
-		position: absolute;
-		left: 12rpx;
-		top: 12rpx;
-		z-index: 10;
-		font-family: OriyaMN;
-		font-size: 20rpx;
-		color: #FFFFFF;
-		line-height: 36rpx;
-		text-align: center;
-		font-style: normal;
-	}
-
-	.index-navbar {
-		position: sticky;
-		top: 0;
-		left: 0;
-		width: 750rpx;
-		z-index: 100;
-	}
-
-	::v-deep .u-tabs {
-		width: 560rpx;
-	}
-
-	.taber {
-		border-radius: 4rpx;
-		padding: 4rpx 8rpx;
-		margin-bottom: 10rpx;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 16rpx;
-		color: #D48700;
-		line-height: 28rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.title {
-		font-family: SFPro, SFPro;
-		font-weight: 400;
-		font-size: 26rpx;
-		color: #222222;
-		// line-height: 30rpx;
-		// text-align: left;
-		// font-style: normal;
-		width: 300rpx;
-		// height: 70rpx;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		word-break: break-all;
-		-webkit-line-clamp: 1;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-	}
-
-	.weight {
-		font-family: SFPro, SFPro;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #888888;
-		line-height: 24rpx;
-		text-align: left;
-		font-style: normal;
-		margin-left: 12rpx;
-	}
-
-	.shopname {
-		width: 124rpx;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		word-break: break-all;
-		white-space: nowrap;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #666666;
-		line-height: 28rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.money {
-		font-family: HarmonyOS_Sans_Medium;
-		font-size: 28rpx;
-		color: #F83224;
-		line-height: 38rpx;
-		text-align: right;
-		font-style: normal;
-	}
-
-	.biaoqian {
-		height: 28rpx;
-		border-radius: 6rpx;
-		padding: 6rpx;
-		margin-left: 8rpx;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #FFFFFF;
-		line-height: 30rpx;
-		text-align: center;
-		overflow: hidden;
-	}
-
-	.tag {
-		// height: 28rpx;
-		border-radius: 14rpx 14rpx 14rpx 0rpx;
-		border: 1rpx solid #FFFFFF;
-		padding: 6rpx;
-		text-align: center;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 20rpx;
-		color: #FFFFFF;
-		line-height: 28rpx;
-		text-align: center;
-		font-style: normal;
-		box-sizing: border-box;
-		// margin-left: -15rpx;
-	}
-
-	.bigbox {
-		width: 340rpx;
-		// height: 468rpx;
-		background: #FFFFFF;
-		border-radius: 12rpx;
-		border: 2rpx solid #FFFFFF;
-		margin-bottom: 22rpx;
-		padding: 18rpx 20rpx;
-		box-sizing: border-box;
-	}
-
-	.smallbox {
-		width: 340rpx;
-		height: 226rpx;
-		background: #FFFFFF;
-		border-radius: 12rpx;
-		border: 2rpx solid #FFFFFF;
-		margin-bottom: 22rpx;
-		padding: 18rpx 20rpx;
-		box-sizing: border-box;
-	}
-
-	.shopback {
-		width: 750rpx;
-		min-height: 1216rpx;
-		background: #F4F4F4;
-		border-radius: 28rpx 28rpx 0rpx 0rpx;
-		padding: 26rpx 24rpx;
-		box-sizing: border-box;
-
-	}
-
-	.fenlei {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 28rpx;
-		color: #222222;
-		line-height: 40rpx;
-		text-align: right;
-		font-style: normal;
-		margin-left: 8rpx;
-	}
-
-	.search {
-		width: 702rpx;
-		height: 68rpx;
-		background: #FFFFFF;
-		border-radius: 34rpx;
-		padding: 6rpx 6rpx 6rpx 36rpx;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		box-sizing: border-box;
-
-
-		.right {
-			width: 100rpx;
-			height: 56rpx;
-			background: #ED0909;
-			border-radius: 28rpx;
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 26rpx;
-			color: #FFFFFF;
-			line-height: 56rpx;
-			text-align: center;
-		}
-	}
-
-	.border {
-		width: 2rpx;
-		height: 24rpx;
-		border: 2rpx solid #979797;
-		opacity: 0.2;
-		background-color: #979797;
-	}
-
-	// ::v-deep .u-navbar__content.data-v-1194bf80 {
-	// 	background-color: rgba(0, 0, 0, 0) !important;
-	// }
-
-	// ::v-deep .u-status-bar.data-v-13f16680 {
-	// 	background-color: rgba(0, 0, 0, 0) !important;
-	// }
-
-	::v-deep .u-subsection--button.data-v-b14d3440 {
-		/* padding: 6rpx 34rpx !important; */
-		border-radius: 64rpx !important;
-	}
-
-	::v-deep .u-subsection--button__bar.data-v-b14d3440 {
-		border-radius: 32rpx !important;
-	}
-</style>
+page {
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.discount {
+  // width: 100rpx;
+  padding: 0 6rpx;
+  height: 36rpx;
+  background: #ff1515;
+  border-radius: 6rpx;
+  position: absolute;
+  left: 12rpx;
+  top: 12rpx;
+  z-index: 10;
+  font-family: OriyaMN;
+  font-size: 20rpx;
+  color: #ffffff;
+  line-height: 36rpx;
+  text-align: center;
+  font-style: normal;
+}
+
+.index-navbar {
+  position: sticky;
+  top: 0;
+  left: 0;
+  width: 750rpx;
+  z-index: 100;
+}
+
+::v-deep .u-tabs {
+  width: 560rpx;
+}
+
+.taber {
+  border-radius: 4rpx;
+  padding: 4rpx 8rpx;
+  margin-bottom: 10rpx;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 16rpx;
+  color: #d48700;
+  line-height: 28rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.title {
+  font-family: SFPro, SFPro;
+  font-weight: 400;
+  font-size: 26rpx;
+  color: #222222;
+  // line-height: 30rpx;
+  // text-align: left;
+  // font-style: normal;
+  width: 300rpx;
+  // height: 70rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 1;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+
+.weight {
+  font-family: SFPro, SFPro;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #888888;
+  line-height: 24rpx;
+  text-align: left;
+  font-style: normal;
+  margin-left: 12rpx;
+}
+
+.shopname {
+  width: 124rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #666666;
+  line-height: 28rpx;
+  text-align: left;
+  font-style: normal;
+}
+
+.money {
+  font-family: HarmonyOS_Sans_Medium;
+  font-size: 28rpx;
+  color: #f83224;
+  line-height: 38rpx;
+  text-align: right;
+  font-style: normal;
+}
+
+.biaoqian {
+  height: 28rpx;
+  border-radius: 6rpx;
+  padding: 6rpx;
+  margin-left: 8rpx;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #ffffff;
+  line-height: 30rpx;
+  text-align: center;
+  overflow: hidden;
+}
+
+.tag {
+  // height: 28rpx;
+  border-radius: 14rpx 14rpx 14rpx 0rpx;
+  border: 1rpx solid #ffffff;
+  padding: 6rpx;
+  text-align: center;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 20rpx;
+  color: #ffffff;
+  line-height: 28rpx;
+  text-align: center;
+  font-style: normal;
+  box-sizing: border-box;
+  // margin-left: -15rpx;
+}
+
+.bigbox {
+  width: 340rpx;
+  // height: 468rpx;
+  background: #ffffff;
+  border-radius: 12rpx;
+  border: 2rpx solid #ffffff;
+  margin-bottom: 22rpx;
+  padding: 18rpx 20rpx;
+  box-sizing: border-box;
+}
+
+.smallbox {
+  width: 340rpx;
+  height: 226rpx;
+  background: #ffffff;
+  border-radius: 12rpx;
+  border: 2rpx solid #ffffff;
+  margin-bottom: 22rpx;
+  padding: 18rpx 20rpx;
+  box-sizing: border-box;
+}
+
+.shopback {
+  width: 750rpx;
+  min-height: 1216rpx;
+  background: #f4f4f4;
+  border-radius: 28rpx 28rpx 0rpx 0rpx;
+  padding: 26rpx 24rpx;
+  box-sizing: border-box;
+}
+
+.fenlei {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 28rpx;
+  color: #222222;
+  line-height: 40rpx;
+  text-align: right;
+  font-style: normal;
+  margin-left: 8rpx;
+}
+
+.search {
+  width: 702rpx;
+  height: 68rpx;
+  background: #ffffff;
+  border-radius: 34rpx;
+  padding: 6rpx 6rpx 6rpx 36rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  .right {
+    width: 100rpx;
+    height: 56rpx;
+    background: #ed0909;
+    border-radius: 28rpx;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 26rpx;
+    color: #ffffff;
+    line-height: 56rpx;
+    text-align: center;
+  }
+}
+
+.border {
+  width: 2rpx;
+  height: 24rpx;
+  border: 2rpx solid #979797;
+  opacity: 0.2;
+  background-color: #979797;
+}
+
+// ::v-deep .u-navbar__content.data-v-1194bf80 {
+// 	background-color: rgba(0, 0, 0, 0) !important;
+// }
+
+// ::v-deep .u-status-bar.data-v-13f16680 {
+// 	background-color: rgba(0, 0, 0, 0) !important;
+// }
+
+::v-deep .u-subsection--button.data-v-b14d3440 {
+  /* padding: 6rpx 34rpx !important; */
+  border-radius: 64rpx !important;
+}
+
+::v-deep .u-subsection--button__bar.data-v-b14d3440 {
+  border-radius: 32rpx !important;
+}
+</style>

pages/shopping/shopping.vue

@@ -1,346 +1,432 @@
 <template>
-	<!-- 十元购 -->
-	<view style="position: relative;">
-		<view class="back" style="z-index: -1;">
-		</view>
-		<u-navbar bgColor="#FE2E2E" :safeAreaInsetTop="true" :placeholder='true'>
-			<view class="u-nav-slot" slot="left">
-				<image v-if="language =='zh-CN'" src="../../static/shopping/title.png"
-					style="width: 390rpx;height: 48rpx;" mode=""></image>
-				<image v-if="language =='en-US'" src="/static/shopping/title1.png" style="width: 390rpx;height: 48rpx;"
-					mode="">
-				</image>
-				<image v-if="language =='es-ES'" src="/static/shopping/title2.png" style="width: 390rpx;height: 48rpx;"
-					mode="">
-				</image>
-				<image v-if="language =='it-IT'" src="/static/shopping/title3.png" style="width: 390rpx;height: 48rpx;"
-					mode="">
-				</image>
-			</view>
-		</u-navbar>
-		<view class="input u-flex u-row-between" style="margin-top: 16rpx;">
-			<view class="u-flex">
-				<image src="../../static/shopping/search.png" style="width: 32rpx;height: 32rpx;" mode=""></image>
-				<input v-model="keyword" type="text" :placeholder="i18n.Searchcon"
-					style="width: 500rpx;margin-left: 14rpx;" />
-			</view>
-			<view class="search" @click="search">{{i18n.search}}</view>
-		</view>
-		<view class="content">
-			<view class="">
-				<!-- 	<u-tabs lineColor="#f56c6c" :activeStyle="{
+  <!-- 十元购 -->
+  <view style="position: relative">
+    <view class="back" style="z-index: -1"> </view>
+    <u-navbar bgColor="#FE2E2E" :safeAreaInsetTop="true" :placeholder="true">
+      <view class="u-nav-slot" slot="left">
+        <image
+          v-if="language == 'zh-CN'"
+          src="../../static/shopping/title.png"
+          style="width: 390rpx; height: 48rpx"
+          mode=""
+        ></image>
+        <image
+          v-if="language == 'en-US'"
+          src="/static/shopping/title1.png"
+          style="width: 390rpx; height: 48rpx"
+          mode=""
+        >
+        </image>
+        <image
+          v-if="language == 'es-ES'"
+          src="/static/shopping/title2.png"
+          style="width: 390rpx; height: 48rpx"
+          mode=""
+        >
+        </image>
+        <image
+          v-if="language == 'it-IT'"
+          src="/static/shopping/title3.png"
+          style="width: 390rpx; height: 48rpx"
+          mode=""
+        >
+        </image>
+      </view>
+    </u-navbar>
+    <view class="input u-flex u-row-between" style="margin-top: 16rpx">
+      <view class="u-flex">
+        <image
+          src="../../static/shopping/search.png"
+          style="width: 32rpx; height: 32rpx"
+          mode=""
+        ></image>
+        <input
+          v-model="keyword"
+          type="text"
+          :placeholder="i18n.Searchcon"
+          style="width: 500rpx; margin-left: 14rpx"
+        />
+      </view>
+      <view class="search" @click="search">{{ i18n.search }}</view>
+    </view>
+    <view class="content">
+      <view class="">
+        <!-- 	<u-tabs lineColor="#f56c6c" :activeStyle="{
             color: 'rgba(248, 53, 39, 1)',
             fontWeight: 'bold',
             transform: 'scale(1.05)'
         }" :list="list1" @click="click"></u-tabs> -->
-				<u-tabs :activeStyle="{
-		    color: 'rgba(248, 53, 39, 1)',
-		    fontWeight: 'bold',
-		    transform: 'scale(1.05)'
-		}" :list="list1" lineColor='rgba(248, 53, 39, 1)' @change='changetab'></u-tabs>
-			</view>
-			<view class="u-flex u-row-between" style="margin-top: 24rpx;flex-wrap: wrap;">
-				<view @click="todetail(item.id)" class="item" v-for="(item,idx) in list" :key="idx"
-					style="margin-bottom: 20rpx;">
-					<image :src="item.goods.image" style="width: 340rpx;height: 340rpx;" mode=""></image>
-					<view class="" style="padding: 20rpx;box-sizing: border-box;">
-						<!-- <text class="title">可心柔 V9系列婴儿保wadhbiuawd</text> -->
-						<text class="title" v-if="language =='zh-CN'">
-							{{item.goods.name_cn}}
-						</text>
-						<view class="title" v-if="language =='en-US'">
-							{{item.goods.name_en}}
-						</view>
-						<view class="title" v-if="language =='es-ES'">
-							{{item.goods.name_es}}
-						</view>
-						<view class="title" v-if="language =='it-IT'">
-							{{item.goods.name_ita}}
-						</view>
-						<view class="u-flex" style="margin-top: 12rpx;flex-wrap: wrap;column-gap: 12rpx;">
-							<view class="tabsa" v-for="(child,idx) in item.goods.label_arr" :key="idx">
-								<text class="titl" v-if="language =='zh-CN'">
-									{{child.name_cn}}
-								</text>
-								<view class="titl" v-if="language =='en-US'">
-									{{child.name_en}}
-								</view>
-								<view class="titl" v-if="language =='es-ES'">
-									{{child.name_es}}
-								</view>
-								<view class="titl" v-if="language =='it-IT'">
-									{{child.name_ita}}
-								</view>
-							</view>
-						</view>
-						<!-- <view class="num">
+        <u-tabs
+          :activeStyle="{
+            color: 'rgba(248, 53, 39, 1)',
+            fontWeight: 'bold',
+            transform: 'scale(1.05)',
+          }"
+          :list="list1"
+          lineColor="rgba(248, 53, 39, 1)"
+          @change="changetab"
+        ></u-tabs>
+      </view>
+      <view
+        class="u-flex u-row-between"
+        style="margin-top: 24rpx; flex-wrap: wrap"
+      >
+        <view
+          @click="todetail(item.id)"
+          class="item"
+          v-for="(item, idx) in list"
+          :key="idx"
+          style="margin-bottom: 20rpx"
+        >
+          <image
+            :src="item.goods.image"
+            style="width: 340rpx; height: 340rpx"
+            mode=""
+          ></image>
+          <view class="" style="padding: 20rpx; box-sizing: border-box">
+            <!-- <text class="title">可心柔 V9系列婴儿保wadhbiuawd</text> -->
+            <text class="title" v-if="language == 'zh-CN'">
+              {{ item.goods.name_cn }}
+            </text>
+            <view class="title" v-if="language == 'en-US'">
+              {{ item.goods.name_en }}
+            </view>
+            <view class="title" v-if="language == 'es-ES'">
+              {{ item.goods.name_es }}
+            </view>
+            <view class="title" v-if="language == 'it-IT'">
+              {{ item.goods.name_ita }}
+            </view>
+            <view
+              class="u-flex"
+              style="margin-top: 12rpx; flex-wrap: wrap; column-gap: 12rpx"
+            >
+              <view
+                class="tabsa"
+                v-for="(child, idx) in item.goods.label_arr"
+                :key="idx"
+              >
+                <text class="titl" v-if="language == 'zh-CN'">
+                  {{ child.name_cn }}
+                </text>
+                <view class="titl" v-if="language == 'en-US'">
+                  {{ child.name_en }}
+                </view>
+                <view class="titl" v-if="language == 'es-ES'">
+                  {{ child.name_es }}
+                </view>
+                <view class="titl" v-if="language == 'it-IT'">
+                  {{ child.name_ita }}
+                </view>
+              </view>
+            </view>
+            <!-- <view class="num">
 							{{i18n.Soldout}}{{item.goods.sale_num}}{{i18n.piece}}
 						</view> -->
-						<view class="num">
-							{{i18n.Soldout}}{{item.goods.sale_num}}
-						</view>
-						<view class="" style="margin-top: 16rpx;position: relative;">
-							<image src="/static/shopping/btn.png"
-								style="width: 300rpx;height: 68rpx;position: absolute;top:0;left:0;" mode=""></image>
-							<view class="u-flex u-row-between"
-								style="padding:10rpx 20rpx 0 26rpx;width: 85%;position: relative;z-index: 1;">
-								<view class="" style="margin-top: 10rpx;">
-									<text class="money">¥</text>
-									<text class="money" style="font-size: 40rpx;">{{item.goods.discount_price}}</text>
-								</view>
-								<image v-if="language =='zh-CN'" src="../../static/shopping/shop.png"
-									style="width: 82rpx;height: 38rpx;" mode="">
-								</image>
-								<image v-if="language =='en-US'" src="/static/shopping/shop1.png"
-									style="width: 80rpx;height: 44rpx;" mode="">
-								</image>
-								<image v-if="language =='es-ES'" src="/static/shopping/shop2.png"
-									style="width: 74rpx;height: 20rpx;" mode="">
-								</image>
-								<image v-if="language =='it-IT'" src="/static/shopping/shop3.png"
-									style="width: 62rpx;height: 44rpx;" mode="">
-								</image>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="" style="height: 80rpx;"></view>
-		<view class="" style="height: 160rpx;"></view>
-		<kj-tabbar :value1=1></kj-tabbar>
-	</view>
+            <view class="num">
+              {{ i18n.Soldout }}{{ item.goods.sale_num }}
+            </view>
+            <view class="" style="margin-top: 16rpx; position: relative">
+              <image
+                src="/static/shopping/btn.png"
+                style="
+                  width: 300rpx;
+                  height: 68rpx;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                "
+                mode=""
+              ></image>
+              <view
+                class="u-flex u-row-between"
+                style="
+                  padding: 10rpx 20rpx 0 26rpx;
+                  width: 85%;
+                  position: relative;
+                  z-index: 1;
+                "
+              >
+                <view class="" style="margin-top: 10rpx">
+                  <text class="money">¥</text>
+                  <text class="money" style="font-size: 40rpx">{{
+                    item.goods.discount_price
+                  }}</text>
+                </view>
+                <image
+                  v-if="language == 'zh-CN'"
+                  src="../../static/shopping/shop.png"
+                  style="width: 82rpx; height: 38rpx"
+                  mode=""
+                >
+                </image>
+                <image
+                  v-if="language == 'en-US'"
+                  src="/static/shopping/shop1.png"
+                  style="width: 80rpx; height: 44rpx"
+                  mode=""
+                >
+                </image>
+                <image
+                  v-if="language == 'es-ES'"
+                  src="/static/shopping/shop2.png"
+                  style="width: 74rpx; height: 20rpx"
+                  mode=""
+                >
+                </image>
+                <image
+                  v-if="language == 'it-IT'"
+                  src="/static/shopping/shop3.png"
+                  style="width: 62rpx; height: 44rpx"
+                  mode=""
+                >
+                </image>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="" style="height: 80rpx"></view>
+    <view class="" style="height: 160rpx"></view>
+    <kj-tabbar :value1="1" ref="kjTabbar"></kj-tabbar>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				list1: [],
-				language: 'zh-CN', //语言
-				list: [],
-				keyword: '',
-				parent_id: '',
-				page: 1,
-				last_page: ''
-			};
-		},
-		computed: {
-			i18n() {
-				return this.$t('index')
-			}
-		},
-		onShow() {
-			if (uni.getStorageSync('language') != '') {
-				this.language = uni.getStorageSync('language')
-			}
-			this.category()
-			this.shipp()
-		},
-		methods: {
-			onReachBottom() {
-				if (this.page == this.last_page) {
-					this.$u.toast(this.i18n.Nofurtherdata)
-				} else {
-					// if (this.current != 0) {
-					this.page++
-					this.shipp()
-					// }
-				}
-			},
-			//跳转详情
-			todetail(id) {
-				uni.navigateTo({
-					url: '/pageA/productdetails?id=' + id
-				})
-			},
-			//搜索
-			search() {
-				this.shipp(this.parent_id)
-			},
-			//10元购
-			shipp() {
-				uni.$u.http.post('/api/goods/ten_yuan_goods', {
-					parent_id: this.parent_id,
-					keyword: this.keyword,
-					page: this.page
-				}).then((res) => {
-					console.log(res);
-					this.last_page = res.last_page
-					if (this.page == 1) {
-						this.list = res.data
-					} else {
-						this.list = this.list.concat(res.data)
-					}
-
-				}).catch(() => {
-
-				})
-			},
-			//商品分类列表
-			category() {
-				uni.$u.http.get('/api/goods/category', {
-					params: {
-						parent_id: 0,
-					}
-				}).then((res) => {
-					const categoryArr = res
-					this.list1 = [{
-						name: '',
-						category_id: ''
-					}]
-					if (this.language == 'en-US') {
-						categoryArr.forEach(item => {
-							item.name = item.name_en
-						})
-						this.list1[0].name = 'selection'
-					}
-					if (this.language == 'es-ES') {
-						categoryArr.forEach(item => {
-							item.name = item.name_es
-						})
-						this.list1[0].name = 'Una selección de'
-					}
-					if (this.language == 'it-IT') {
-						categoryArr.forEach(item => {
-							item.name = item.name_ita
-						})
-						this.list1[0].name = 'selezionate'
-					}
+export default {
+  data() {
+    return {
+      list1: [],
+      language: "zh-CN", //语言
+      list: [],
+      keyword: "",
+      parent_id: "",
+      page: 1,
+      last_page: "",
+    };
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
+  onShow() {
+    if (uni.getStorageSync("language") != "") {
+      this.language = uni.getStorageSync("language");
+    }
+    this.category();
+    this.shipp();
 
-					if (this.language == 'zh-CN') {
-						categoryArr.forEach(item => {
-							item.name = item.name_cn
-						})
-						this.list1[0].name = '精选'
-					}
-					this.list1 = this.list1.concat(categoryArr)
-					console.log(this.list1);
-				}).catch(() => {
+    this.$refs.kjTabbar.getNumber();
+  },
+  methods: {
+    onReachBottom() {
+      if (this.page == this.last_page) {
+        this.$u.toast(this.i18n.Nofurtherdata);
+      } else {
+        // if (this.current != 0) {
+        this.page++;
+        this.shipp();
+        // }
+      }
+    },
+    //跳转详情
+    todetail(id) {
+      uni.navigateTo({
+        url: "/pageA/productdetails?id=" + id,
+      });
+    },
+    //搜索
+    search() {
+      this.shipp(this.parent_id);
+    },
+    //10元购
+    shipp() {
+      uni.$u.http
+        .post("/api/goods/ten_yuan_goods", {
+          parent_id: this.parent_id,
+          keyword: this.keyword,
+          page: this.page,
+        })
+        .then((res) => {
+          console.log(res);
+          this.last_page = res.last_page;
+          if (this.page == 1) {
+            this.list = res.data;
+          } else {
+            this.list = this.list.concat(res.data);
+          }
+        })
+        .catch(() => {});
+    },
+    //商品分类列表
+    category() {
+      uni.$u.http
+        .get("/api/goods/category", {
+          params: {
+            parent_id: 0,
+          },
+        })
+        .then((res) => {
+          const categoryArr = res;
+          this.list1 = [
+            {
+              name: "",
+              category_id: "",
+            },
+          ];
+          if (this.language == "en-US") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_en;
+            });
+            this.list1[0].name = "selection";
+          }
+          if (this.language == "es-ES") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_es;
+            });
+            this.list1[0].name = "Una selección de";
+          }
+          if (this.language == "it-IT") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_ita;
+            });
+            this.list1[0].name = "selezionate";
+          }
 
-				})
-			},
-			changetab(item) {
-				this.list = []
-				this.page = 1
-				this.parent_id = item.id
-				console.log('item', item);
-				this.shipp(item.id)
-			}
-		},
-		computed: {
-			i18n() {
-				return this.$t('index')
-			}
-		},
-	}
+          if (this.language == "zh-CN") {
+            categoryArr.forEach((item) => {
+              item.name = item.name_cn;
+            });
+            this.list1[0].name = "精选";
+          }
+          this.list1 = this.list1.concat(categoryArr);
+          console.log(this.list1);
+        })
+        .catch(() => {});
+    },
+    changetab(item) {
+      this.list = [];
+      this.page = 1;
+      this.parent_id = item.id;
+      console.log("item", item);
+      this.shipp(item.id);
+    },
+  },
+  computed: {
+    i18n() {
+      return this.$t("index");
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.content {
-		width: 750rpx;
-		min-height: calc(100vh - 40rpx);
-		background: linear-gradient(180deg, #FDFCFB 0%, #F4F4F4 100%);
-		border-radius: 30rpx 30rpx 0rpx 0rpx;
-		margin-top: 32rpx;
-		padding: 32rpx;
-		box-sizing: border-box;
+.content {
+  width: 750rpx;
+  min-height: calc(100vh - 40rpx);
+  background: linear-gradient(180deg, #fdfcfb 0%, #f4f4f4 100%);
+  border-radius: 30rpx 30rpx 0rpx 0rpx;
+  margin-top: 32rpx;
+  padding: 32rpx;
+  box-sizing: border-box;
 
-		.item {
-			width: 340rpx;
-			// height: 592rpx;
-			background: #FFFFFF;
-			border-radius: 16rpx;
+  .item {
+    width: 340rpx;
+    // height: 592rpx;
+    background: #ffffff;
+    border-radius: 16rpx;
 
-			.title {
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 26rpx;
-				color: #222222;
-				line-height: 36rpx;
-				text-align: left;
-				font-style: normal;
-				display: block;
-				width: 100%;
-				height: 70rpx;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				-webkit-line-clamp: 2;
-				display: -webkit-box;
-				-webkit-box-orient: vertical;
-				word-break: break-all;
-			}
+    .title {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 26rpx;
+      color: #222222;
+      line-height: 36rpx;
+      text-align: left;
+      font-style: normal;
+      display: block;
+      width: 100%;
+      height: 70rpx;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      word-break: break-all;
+    }
 
-			.tabsa {
-				// width: 96rpx;
-				// height: 32rpx;
-				margin-top: 10rpx;
-				border-radius: 4rpx;
-				border: 1rpx solid #ED0909;
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #ED0909;
-				// line-height: 32rpx;
-				text-align: center;
-				font-style: normal;
-				display: inline;
-				padding: 0 4rpx;
-				box-sizing: border-box;
-			}
+    .tabsa {
+      // width: 96rpx;
+      // height: 32rpx;
+      margin-top: 10rpx;
+      border-radius: 4rpx;
+      border: 1rpx solid #ed0909;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 20rpx;
+      color: #ed0909;
+      // line-height: 32rpx;
+      text-align: center;
+      font-style: normal;
+      display: inline;
+      padding: 0 4rpx;
+      box-sizing: border-box;
+    }
 
-			.num {
-				font-family: SFPro, SFPro;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #555555;
-				line-height: 24rpx;
-				text-align: left;
-				font-style: normal;
-				margin-top: 16rpx;
-			}
+    .num {
+      font-family: SFPro, SFPro;
+      font-weight: 400;
+      font-size: 20rpx;
+      color: #555555;
+      line-height: 24rpx;
+      text-align: left;
+      font-style: normal;
+      margin-top: 16rpx;
+    }
 
-			.money {
-				font-family: HarmonyOS_Sans_Medium;
-				font-size: 20rpx;
-				color: #F83224;
-				line-height: 26rpx;
-				text-align: left;
-				font-style: normal;
-			}
-		}
-	}
+    .money {
+      font-family: HarmonyOS_Sans_Medium;
+      font-size: 20rpx;
+      color: #f83224;
+      line-height: 26rpx;
+      text-align: left;
+      font-style: normal;
+    }
+  }
+}
 
-	.back {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 750rpx;
-		height: 800rpx;
-		background: #FE2E2E;
-	}
+.back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 750rpx;
+  height: 800rpx;
+  background: #fe2e2e;
+}
 
-	.input {
-		width: 702rpx;
-		height: 68rpx;
-		background: #FFFFFF;
-		border-radius: 34rpx;
-		margin-left: 24rpx;
-		box-sizing: border-box;
-		padding: 0 8rpx 0 24rpx;
+.input {
+  width: 702rpx;
+  height: 68rpx;
+  background: #ffffff;
+  border-radius: 34rpx;
+  margin-left: 24rpx;
+  box-sizing: border-box;
+  padding: 0 8rpx 0 24rpx;
 
-		.search {
-			width: 100rpx;
-			height: 56rpx;
-			background: #F83224;
-			border-radius: 28rpx;
-			font-family: PingFangSC, PingFang SC;
-			font-weight: 400;
-			font-size: 26rpx;
-			color: #FFFFFF;
-			line-height: 56rpx;
-			text-align: center;
-			font-style: normal;
-		}
-	}
-</style>
+  .search {
+    width: 100rpx;
+    height: 56rpx;
+    background: #f83224;
+    border-radius: 28rpx;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    font-size: 26rpx;
+    color: #ffffff;
+    line-height: 56rpx;
+    text-align: center;
+    font-style: normal;
+  }
+}
+</style>

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -30,7 +30,7 @@ page.data-v-57280228 {
 .discount.data-v-57280228 {
   padding: 0 6rpx;
   height: 36rpx;
-  background: #FF1515;
+  background: #ff1515;
   border-radius: 6rpx;
   position: absolute;
   left: 12rpx;
@@ -38,7 +38,7 @@ page.data-v-57280228 {
   z-index: 10;
   font-family: OriyaMN;
   font-size: 20rpx;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 36rpx;
   text-align: center;
   font-style: normal;
@@ -61,7 +61,7 @@ page.data-v-57280228 {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 16rpx;
-  color: #D48700;
+  color: #d48700;
   line-height: 28rpx;
   text-align: left;
   font-style: normal;
@@ -106,7 +106,7 @@ page.data-v-57280228 {
 .money.data-v-57280228 {
   font-family: HarmonyOS_Sans_Medium;
   font-size: 28rpx;
-  color: #F83224;
+  color: #f83224;
   line-height: 38rpx;
   text-align: right;
   font-style: normal;
@@ -119,20 +119,20 @@ page.data-v-57280228 {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 20rpx;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 30rpx;
   text-align: center;
   overflow: hidden;
 }
 .tag.data-v-57280228 {
   border-radius: 14rpx 14rpx 14rpx 0rpx;
-  border: 1rpx solid #FFFFFF;
+  border: 1rpx solid #ffffff;
   padding: 6rpx;
   text-align: center;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 20rpx;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 28rpx;
   text-align: center;
   font-style: normal;
@@ -140,9 +140,9 @@ page.data-v-57280228 {
 }
 .bigbox.data-v-57280228 {
   width: 340rpx;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 12rpx;
-  border: 2rpx solid #FFFFFF;
+  border: 2rpx solid #ffffff;
   margin-bottom: 22rpx;
   padding: 18rpx 20rpx;
   box-sizing: border-box;
@@ -150,9 +150,9 @@ page.data-v-57280228 {
 .smallbox.data-v-57280228 {
   width: 340rpx;
   height: 226rpx;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 12rpx;
-  border: 2rpx solid #FFFFFF;
+  border: 2rpx solid #ffffff;
   margin-bottom: 22rpx;
   padding: 18rpx 20rpx;
   box-sizing: border-box;
@@ -160,7 +160,7 @@ page.data-v-57280228 {
 .shopback.data-v-57280228 {
   width: 750rpx;
   min-height: 1216rpx;
-  background: #F4F4F4;
+  background: #f4f4f4;
   border-radius: 28rpx 28rpx 0rpx 0rpx;
   padding: 26rpx 24rpx;
   box-sizing: border-box;
@@ -178,7 +178,7 @@ page.data-v-57280228 {
 .search.data-v-57280228 {
   width: 702rpx;
   height: 68rpx;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 34rpx;
   padding: 6rpx 6rpx 6rpx 36rpx;
   display: flex;
@@ -189,12 +189,12 @@ page.data-v-57280228 {
 .search .right.data-v-57280228 {
   width: 100rpx;
   height: 56rpx;
-  background: #ED0909;
+  background: #ed0909;
   border-radius: 28rpx;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 26rpx;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 56rpx;
   text-align: center;
 }

unpackage/dist/dev/mp-weixin/pages/shopping/shopping.wxss

@@ -27,7 +27,7 @@
 .content.data-v-24f06b86 {
   width: 750rpx;
   min-height: calc(100vh - 40rpx);
-  background: linear-gradient(180deg, #FDFCFB 0%, #F4F4F4 100%);
+  background: linear-gradient(180deg, #fdfcfb 0%, #f4f4f4 100%);
   border-radius: 30rpx 30rpx 0rpx 0rpx;
   margin-top: 32rpx;
   padding: 32rpx;
@@ -35,7 +35,7 @@
 }
 .content .item.data-v-24f06b86 {
   width: 340rpx;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 16rpx;
 }
 .content .item .title.data-v-24f06b86 {
@@ -59,11 +59,11 @@
 .content .item .tabsa.data-v-24f06b86 {
   margin-top: 10rpx;
   border-radius: 4rpx;
-  border: 1rpx solid #ED0909;
+  border: 1rpx solid #ed0909;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 20rpx;
-  color: #ED0909;
+  color: #ed0909;
   text-align: center;
   font-style: normal;
   display: inline;
@@ -83,7 +83,7 @@
 .content .item .money.data-v-24f06b86 {
   font-family: HarmonyOS_Sans_Medium;
   font-size: 20rpx;
-  color: #F83224;
+  color: #f83224;
   line-height: 26rpx;
   text-align: left;
   font-style: normal;
@@ -94,12 +94,12 @@
   left: 0;
   width: 750rpx;
   height: 800rpx;
-  background: #FE2E2E;
+  background: #fe2e2e;
 }
 .input.data-v-24f06b86 {
   width: 702rpx;
   height: 68rpx;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 34rpx;
   margin-left: 24rpx;
   box-sizing: border-box;
@@ -108,12 +108,12 @@
 .input .search.data-v-24f06b86 {
   width: 100rpx;
   height: 56rpx;
-  background: #F83224;
+  background: #f83224;
   border-radius: 28rpx;
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 26rpx;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 56rpx;
   text-align: center;
   font-style: normal;

unpackage/dist/dev/mp-weixin/project.private.config.json

@@ -4,6 +4,13 @@
     "miniprogram": {
       "list": [
         {
+          "name": "pageC/applicationRefund/applicationRefund",
+          "pathName": "pageC/applicationRefund/applicationRefund",
+          "query": "orderId=584",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "pageD/supplyChainGoods/supplyChainGoods",
           "pathName": "pageD/supplyChainGoods/supplyChainGoods",
           "query": "",

unpackage/dist/dev/mp-weixin/uview-ui/components/u-swipe-action-item/u-swipe-action-item.json

@@ -1,6 +1,6 @@
 {
+  "component": true,
   "usingComponents": {
     "u-icon": "/uview-ui/components/u-icon/u-icon"
-  },
-  "component": true
+  }
 }