create-weapp-vite 2.0.30 → 2.0.32

package/templates/wevu-retail/src/model/promotion.ts

@@ -0,0 +1,20 @@
+import { getGoodsList } from './goods';
+
+export function getPromotion(baseID = 0, length = 10) {
+  return {
+    list: getGoodsList(baseID, length).map((item) => {
+      return {
+        spuId: item.spuId,
+        thumb: item.primaryImage,
+        title: item.title,
+        price: item.minSalePrice,
+        originPrice: item.maxLinePrice,
+        tags: item.spuTagList.map((tag) => ({ title: tag.title })),
+      };
+    }),
+    banner: 'https://tdesign.gtimg.com/miniprogram/template/retail/promotion/banner-promotion.png',
+    time: 1000 * 60 * 60 * 20,
+    showBannerDesc: true,
+    statusTag: 'running',
+  };
+}

package/templates/wevu-retail/src/model/search.ts

@@ -0,0 +1,60 @@
+import { getGoodsList } from './goods';
+
+/**
+ * @param {number} sort
+ * @param {number} pageNum
+ * @param {number} pageSize
+ * @param {number} minPrice
+ * @param {number} maxPrice
+ * @param {string} keyword
+ */
+
+export function getSearchHistory() {
+  return {
+    historyWords: [
+      '鸡',
+      '电脑',
+      'iPhone12',
+      '车载手机支架',
+      '自然堂',
+      '小米10',
+      '原浆古井贡酒',
+      '欧米伽',
+      '华为',
+      '针织半身裙',
+      '氢跑鞋',
+      '三盒处理器',
+    ],
+  };
+}
+
+export function getSearchPopular() {
+  return {
+    popularWords: [
+      '鸡',
+      '电脑',
+      'iPhone12',
+      '车载手机支架',
+      '自然堂',
+      '小米10',
+      '原浆古井贡酒',
+      '欧米伽',
+      '华为',
+      '针织半身裙',
+      '氢跑鞋',
+      '三盒处理器',
+    ],
+  };
+}
+
+export function getSearchResult() {
+  return {
+    saasId: null,
+    storeId: null,
+    pageNum: 1,
+    pageSize: 30,
+    totalCount: 1,
+    spuList: getGoodsList(7),
+    algId: 0,
+  };
+}

package/templates/wevu-retail/src/model/submitComment.ts

@@ -0,0 +1,58 @@
+export function getGoods() {
+  return {
+    goods: [
+      {
+        squid: '1',
+        checkItems: [
+          {
+            name: '匿名评价',
+            value: 'anonymous',
+            checked: false,
+          },
+        ],
+        detail: {
+          image:
+            'https://wx.qlogo.cn/mmopen/vi_32/51VSMNuy1CyHiaAhAjLJ00kMZVqqnCqXeZduCLXHUBr52zFHRGxwL7kGia3fHj8GSNzFcqFDInQmRGM1eWjtQgqA/132',
+          title: '',
+        },
+        goodComment: {
+          /** 商品评价 */
+          rate: 0,
+          /** 评价内容 */
+          label: '123',
+          /** 上传图片 */
+          images: [],
+        },
+      },
+      {
+        squid: '2',
+        checkItems: [
+          {
+            name: '匿名评价',
+            value: 'anonymous',
+            checked: false,
+          },
+        ],
+        detail: {
+          image:
+            'https://wx.qlogo.cn/mmopen/vi_32/51VSMNuy1CyHiaAhAjLJ00kMZVqqnCqXeZduCLXHUBr52zFHRGxwL7kGia3fHj8GSNzFcqFDInQmRGM1eWjtQgqA/132',
+          title: '评价内容 山姆智利进口',
+        },
+        goodComment: {
+          /** 商品评价 */
+          rate: 0,
+          /** 评价内容 */
+          label: '山姆智利进口',
+          /** 上传图片 */
+          images: [],
+        },
+      },
+    ],
+    storeComment: {
+      /** 物流评价 */
+      logisticsRate: 0,
+      /** 服务评价 */
+      servicesRate: 0,
+    },
+  };
+}

package/templates/wevu-retail/src/model/swiper.ts

@@ -0,0 +1,39 @@
+// const images = [
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner1.png',
+//     text: '1',
+//   },
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner2.png',
+//     text: '2',
+//   },
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner3.png',
+//     text: '3',
+//   },
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner4.png',
+//     text: '4',
+//   },
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner5.png',
+//     text: '5',
+//   },
+//   {
+//     img: 'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner6.png',
+//     text: '6',
+//   },
+// ];
+
+const images = [
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner1.png',
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner2.png',
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner3.png',
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner4.png',
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner5.png',
+  'https://tdesign.gtimg.com/miniprogram/template/retail/home/v2/banner6.png',
+];
+
+export function genSwiperImageList() {
+  return images;
+}

package/templates/wevu-retail/src/model/usercenter.ts

@@ -0,0 +1,52 @@
+const userInfo = {
+  avatarUrl:
+    'https://we-retail-static-1300977798.cos.ap-guangzhou.myqcloud.com/retail-ui/components-exp/avatar/avatar-1.jpg',
+  nickName: 'TDesign 🌟',
+  phoneNumber: '13438358888',
+  gender: 2,
+};
+const countsData = [
+  {
+    num: 2,
+    name: '积分',
+    type: 'point',
+  },
+  {
+    num: 10,
+    name: '优惠券',
+    type: 'coupon',
+  },
+];
+
+const orderTagInfos = [
+  {
+    orderNum: 1,
+    tabType: 5,
+  },
+  {
+    orderNum: 1,
+    tabType: 10,
+  },
+  {
+    orderNum: 1,
+    tabType: 40,
+  },
+  {
+    orderNum: 0,
+    tabType: 0,
+  },
+];
+
+const customerServiceInfo = {
+  servicePhone: '4006336868',
+  serviceTimeDuration: '每周三至周五 9:00-12:00  13:00-15:00',
+};
+
+export const genSimpleUserInfo = () => ({ ...userInfo });
+
+export const genUsercenter = () => ({
+  userInfo,
+  countsData,
+  orderTagInfos,
+  customerServiceInfo,
+});

package/templates/wevu-retail/src/pages/cart/components/cart-bar/index.vue

@@ -0,0 +1,104 @@
+<script lang="ts">
+Component({
+  options: {
+    addGlobalClass: true,
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    isAllSelected: {
+      type: Boolean,
+      value: false,
+    },
+    totalAmount: {
+      type: Number,
+      value: 1,
+    },
+    totalGoodsNum: {
+      type: Number,
+      value: 0,
+      observer(num) {
+        const isDisabled = num == 0;
+        setTimeout(() => {
+          this.setData({
+            isDisabled,
+          });
+        });
+      },
+    },
+    totalDiscountAmount: {
+      type: Number,
+      value: 0,
+    },
+    bottomHeight: {
+      type: Number,
+      value: 100,
+    },
+    fixed: Boolean,
+  },
+  data: {
+    isDisabled: false,
+  },
+
+  methods: {
+    handleSelectAll() {
+      const { isAllSelected } = this.data;
+      this.setData({
+        isAllSelected: !isAllSelected,
+      });
+      this.triggerEvent('handleSelectAll', {
+        isAllSelected: isAllSelected,
+      });
+    },
+
+    handleToSettle() {
+      if (this.data.isDisabled) return;
+      this.triggerEvent('handleToSettle');
+    },
+  },
+});
+</script>
+
+<template>
+<view class="cart-bar__placeholder [height:100rpx]" wx:if="{{fixed}}" />
+<view class="cart-bar {{fixed ? 'cart-bar--fixed' : ''}} flex flex-v-center [display:flex] [align-items:center] [height:112rpx] [background-color:#fff] [border-top:1rpx_solid_#e5e5e5] [padding:16rpx_32rpx] [box-sizing:border-box] [font-size:24rpx] [line-height:36rpx] [color:#333] [position:fixed] [left:0] [right:0] [z-index:99] [bottom:calc(100rpx_+_env(safe-area-inset-bottom))] [&_.cart-bar__check]:[margin-right:12rpx] [&_.cart-bar__total]:[margin-left:24rpx] [&_.account-btn]:[width:192rpx] [&_.account-btn]:[height:80rpx] [&_.account-btn]:[border-radius:40rpx] [&_.account-btn]:[background-color:#fa4126] [&_.account-btn]:[font-size:28rpx] [&_.account-btn]:[font-weight:bold] [&_.account-btn]:[line-height:80rpx] [&_.account-btn]:[color:#ffffff] [&_.account-btn]:[text-align:center] [&_.disabled-btn]:[background-color:#cccccc] [&_.hover-btn]:[opacity:0.5]" style="bottom: {{fixed ? 'calc(' + bottomHeight + 'rpx + env(safe-area-inset-bottom))' : ''}};">
+	<t-icon
+	 size="40rpx"
+	 color="{{isAllSelected ? '#FA4126' : '#BBBBBB'}}"
+	 name="{{isAllSelected ? 'check-circle-filled' : 'circle'}}"
+	 class="cart-bar__check"
+	 catchtap="handleSelectAll"
+	/>
+	<text>全选</text>
+	<view class="cart-bar__total flex1 [flex:1] [display:flex] [&_.cart-bar__total--bold]:[font-size:28rpx] [&_.cart-bar__total--bold]:[line-height:40rpx] [&_.cart-bar__total--bold]:[color:#333] [&_.cart-bar__total--bold]:[font-weight:bold] [&_.cart-bar__total--normal]:[font-size:24rpx] [&_.cart-bar__total--normal]:[line-height:32rpx] [&_.cart-bar__total--normal]:[color:#999] [&_.cart-bar__total--price]:[color:#fa4126] [&_.cart-bar__total--price]:[font-weight:bold]">
+		<view>
+			<text class="cart-bar__total--bold text-padding-right [padding-right:4rpx]">总计</text>
+			<price
+			 price="{{totalAmount || '0'}}"
+			 fill="{{false}}"
+			 decimalSmaller
+			 class="cart-bar__total--bold cart-bar__total--price"
+			/>
+			<text class="cart-bar__total--normal">（不含运费）</text>
+		</view>
+		<view wx:if="{{totalDiscountAmount}}">
+			<text class="cart-bar__total--normal text-padding-right [padding-right:4rpx]">已优惠</text>
+			<price class="cart-bar__total--normal" price="{{totalDiscountAmount || '0'}}" fill="{{false}}" />
+		</view>
+	</view>
+	<view catchtap="handleToSettle" class="{{!isDisabled ? '' : 'disabled-btn'}} account-btn" hover-class="{{!isDisabled ? '' : 'hover-btn'}}">
+		去结算({{totalGoodsNum}})
+	</view>
+</view>
+
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "price": "/components/price/index",
+    "t-icon": "tdesign-miniprogram/icon/icon"
+  }
+}</json>

package/templates/wevu-retail/src/pages/cart/components/cart-empty/index.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+Component({
+  properties: {
+    imgUrl: {
+      type: String,
+      value: 'https://tdesign.gtimg.com/miniprogram/template/retail/template/empty-cart.png',
+    },
+    tip: {
+      type: String,
+      value: '购物车是空的',
+    },
+    btnText: {
+      type: String,
+      value: '去首页',
+    },
+  },
+  data: {},
+  methods: {
+    handleClick() {
+      this.triggerEvent('handleClick');
+    },
+  },
+});
+</script>
+
+<template>
+<view class="cart-empty [padding:64rpx_0rpx] [display:flex] [flex-direction:column] [align-items:center] [box-sizing:border-box] [height:calc(100vh_-_100rpx)] [background-color:#f5f5f5] [&_.cart-img]:[width:160rpx] [&_.cart-img]:[height:160rpx] [&_.cart-img]:[margin-bottom:24rpx] [&_.tip]:[font-size:28rpx] [&_.tip]:[line-height:40rpx] [&_.tip]:[color:#999] [&_.tip]:[margin-bottom:24rpx] [&_.btn]:[width:240rpx] [&_.btn]:[height:72rpx] [&_.btn]:[border-radius:36rpx] [&_.btn]:[text-align:center] [&_.btn]:[line-height:72rpx] [&_.btn]:[border:2rpx_solid_#fa4126] [&_.btn]:[color:#fa4126] [&_.btn]:[background-color:transparent] [&_.btn]:[font-size:28rpx] [&_.btn]:[font-weight:bold]">
+	<t-image t-class="cart-img" src="{{imgUrl}}" />
+	<view class="tip">{{tip}}</view>
+	<view class="btn" bind:tap="handleClick">{{btnText}}</view>
+</view>
+
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "t-image": "/components/webp-image/index"
+  }
+}</json>