@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfMall/pages/Page_MyCollect/index.css

@@ -0,0 +1,234 @@
+.container {
+  padding: 0;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.header {
+  background-color: #fff;
+  padding: 20rpx 30rpx;
+  border-bottom: 1rpx solid #eee;
+}
+
+.header-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.edit-btn {
+  padding: 6rpx 16rpx;
+  border-radius: 20rpx;
+}
+
+.edit-text {
+  font-size: 28rpx;
+  color: #ff7500;
+}
+
+.edit-text {
+  font-size: 28rpx;
+  color: #ff7500;
+}
+
+.collect-list {
+  padding: 20rpx;
+}
+
+.collect-item {
+  background-color: #fff;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  position: relative;
+}
+
+.checkbox-wrapper {
+  margin-right: 20rpx;
+  display: flex;
+  align-items: center;
+}
+
+.checkbox {
+  width: 40rpx;
+  height: 40rpx;
+  border: 2rpx solid #ddd;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+}
+
+.checkbox.checked {
+  border-color: #ff7500;
+  background-color: #ff7500;
+}
+
+.check-icon {
+  color: #fff;
+  font-size: 24rpx;
+  font-weight: bold;
+}
+
+.goods-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
+  margin-right: 20rpx;
+}
+
+.goods-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.goods-name {
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.4;
+  height: 80rpx;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.price-row {
+  margin-top: 20rpx;
+}
+
+.goods-price {
+  font-size: 32rpx;
+  color: #ff7500;
+  font-weight: bold;
+}
+
+.goods-old-price {
+  font-size: 24rpx;
+  color: #999;
+  text-decoration: line-through;
+  margin-left: 10rpx;
+}
+
+.goods-original-price {
+  font-size: 22rpx;
+  color: #ccc;
+  margin-left: 10rpx;
+}
+
+.price-reminder {
+  display: flex;
+  align-items: center;
+  margin-top: 20rpx;
+}
+
+.reminder-text {
+  font-size: 24rpx;
+  color: #666;
+  margin-left: 10rpx;
+}
+
+.collect-actions {
+  position: absolute;
+  top: 20rpx;
+  right: 20rpx;
+}
+
+.remove-text {
+  font-size: 24rpx;
+  color: #999;
+  background-color: #f5f5f5;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+}
+
+.batch-actions {
+  background-color: #fff;
+  padding: 20rpx 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1rpx solid #eee;
+}
+
+.selected-count {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.batch-remove-btn {
+  background-color: #ff7500;
+  border-radius: 25rpx;
+  padding: 8rpx 24rpx;
+}
+
+.batch-remove-btn .remove-text {
+  color: #fff;
+  font-size: 26rpx;
+  background-color: transparent;
+}
+
+.price-dropped {
+  color: #ff4d4f !important;
+  animation: priceDrop 0.6s ease-in-out;
+}
+
+.price-dropped::after {
+  content: ' 降价中';
+  color: #ff4d4f;
+  font-size: 22rpx;
+  margin-left: 6rpx;
+}
+
+@keyframes priceDrop {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
+}
+
+.empty-icon {
+  width: 200rpx;
+  height: 200rpx;
+  margin-bottom: 30rpx;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+
+.go-shopping-btn {
+  margin-top: 40rpx;
+  background-color: #ff7500;
+  border-radius: 25rpx;
+  padding: 12rpx 40rpx;
+}
+
+.go-shopping-text {
+  color: #fff;
+  font-size: 28rpx;
+}

package/dist/templates/ascfMall/pages/Page_MyCollect/index.hxml

@@ -0,0 +1,63 @@
+<!-- template里只能有一个根节点 -->
+<view class="container">
+  <!-- 页面标题栏 -->
+  <view class="header">
+    <view class="header-content">
+      <view class="edit-btn" bind:tap="toggleEditMode">
+        <text class="edit-text">{{isEditMode ? '完成' : '编辑'}}</text>
+      </view>
+    </view>
+  </view>
+  
+  <!-- 批量操作栏 -->
+  <view class="batch-actions" has:if="{{isEditMode && selectedItems.length > 0}}">
+    <text class="selected-count">已选择 {{selectedItems.length}} 项</text>
+    <view class="batch-remove-btn" bind:tap="batchRemoveCollect">
+      <text class="remove-text">移除</text>
+    </view>
+  </view>
+
+   <!-- 收藏列表 -->
+   <view class="collect-list" has:if="{{collectList && collectList.length > 0}}">
+     <view has:for="{{collectList}}" class="collect-item">
+
+       <!-- 编辑模式下的多选框 -->
+       <view class="checkbox-wrapper" has:if="{{isEditMode}}" catchtap="selectItem" data-id="{{item.id}}">
+         <view class="checkbox {{selectedItems.includes(item.id) ? 'checked' : ''}}">
+           <text class="check-icon" has:if="{{selectedItems.includes(item.id)}}">✓</text>
+         </view>
+       </view>
+
+       <!-- 绑定跳转逻辑到图片 -->
+       <image class="goods-img" 
+              src="{{item.image}}" 
+              bind:tap="goToDetail" 
+              data-id="{{item.id}}">
+
+       <view class="goods-info">
+         <text class="goods-name">{{item.name}}</text>
+         <view class="price-row">
+           <text class="goods-price {{item.priceDropped ? 'price-dropped' : ''}}">￥{{item.price}}</text>
+           <text class="goods-old-price" has:if="{{item.oldPrice && !item.priceDropped}}">￥{{item.oldPrice}}</text>
+           <text class="goods-original-price" has:if="{{item.priceDropped}}">原价: ￥{{item.oldPrice}}</text>
+         </view>
+         <view class="price-reminder">
+           <switch color="#ff7500" checked="{{item.priceReminder}}" bind:change="onPriceReminderChange" data-id="{{item.id}}" />
+           <text class="reminder-text">降价提醒</text>
+         </view>
+       </view>
+       <!-- 正常模式下的移除按钮 -->
+       <view class="collect-actions" has:if="{{!isEditMode}}" bind:tap="removeCollect" data-id="{{item.id}}" catchtap="true">
+         <text class="remove-text">取消收藏</text>
+       </view>
+     </view>
+   </view>
+  <!-- 空状态 -->
+  <view class="empty-state" has:if="{{!collectList || collectList.length === 0}}">
+    <image class="empty-icon" src="/pages/Page_MyCollect/img/empty.svg"></image>
+    <text class="empty-text">暂无收藏商品</text>
+    <view class="go-shopping-btn" bind:tap="goToMall">
+      <text class="go-shopping-text">去逛逛</text>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfMall/pages/Page_MyCollect/index.js

@@ -0,0 +1,233 @@
+Page({
+  data: {
+    collectList: [],
+    selectedItems: [],
+    isEditMode: false,
+    mockCollectList: [
+      {
+        id: '1',
+        name: 'Sandro Moscoloni 2018夏季新款连衣裙',
+        price: '909.00',
+        oldPrice: '999.00',
+        image: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+        priceReminder: false,
+        priceDropped: false,
+        notificationShown: false
+      },
+      {
+        id: '2',
+        name: 'BLUEerror秋季七分袖t恤',
+        price: '196.00',
+        oldPrice: '229.00',
+        image: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+        priceReminder: true,
+        priceDropped: false,
+        notificationShown: false
+      },
+      {
+        id: '3',
+        name: '俏皮套装女两件套小女孩最爱',
+        price: '339.98',
+        oldPrice: '399.98',
+        image: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+        priceReminder: false,
+        priceDropped: false,
+        notificationShown: false
+      },
+      {
+        id: '4',
+        name: '韩都衣舍2018韩版女装潮流上衣',
+        price: '188.00',
+        oldPrice: '398.00',
+        image: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+        priceReminder: true, 
+        priceDropped: false,
+        notificationShown: false
+      },
+    ],
+  },
+  onLoad() {
+    this.initCollectList();
+  },
+  initCollectList() {
+    let collectList = has.getStorageSync('collectList');
+    if (!collectList || collectList.length === 0) {
+      collectList = this.data.mockCollectList;
+      has.setStorageSync('collectList', collectList);
+    }
+    this.setData({ collectList });
+  },
+  goToDetail(e) {
+    const id = e.currentTarget.dataset.id;
+    has.navigateTo({
+      url: `/pages/Page_MallDetail/index?id=${id}`,
+    });
+  },
+  onPriceReminderChange(e) {
+    const { id } = e.currentTarget.dataset;
+    const checked = e.detail.value;
+
+    const collectList = this.data.collectList.map(item => {
+      if (item.id === id) {
+        return { ...item, priceReminder: checked };
+      }
+      return item;
+    });
+
+    this.setData({ collectList });
+    has.setStorageSync('collectList', collectList);
+
+    has.showToast({
+      title: checked ? '已开启降价提醒' : '已关闭降价提醒',
+      icon: 'none',
+      duration: 1500,
+    });
+    if (checked) {
+      const updatedList = collectList.map(item => {
+        if (item.id === id && !item.notificationShown) {
+          // 50%的概率触发降价
+          if (Math.random() > 0.5) {
+            const originalPrice = parseFloat(item.price);
+            const newPrice = (originalPrice * 0.9).toFixed(2);
+
+            return {
+              ...item,
+              price: newPrice,
+              priceDropped: true,
+              notificationShown: true
+            };
+          }
+        }
+        return item;
+      });
+
+      const actualUpdatedList = updatedList.filter(item => item.id === id && item.priceDropped);
+      if (actualUpdatedList.length > 0) {
+        this.setData({ collectList: updatedList });
+        has.setStorageSync('collectList', updatedList);
+        this.showPriceDropNotification(actualUpdatedList);
+      }
+    }
+  },
+
+  removeCollect(e) {
+    const { id } = e.currentTarget.dataset;
+    let collectList = this.data.collectList.filter(item => item.id !== id);
+
+    this.setData({ collectList });
+    has.setStorageSync('collectList', collectList);
+
+    let selectedItems = this.data.selectedItems.filter(itemId => itemId !== id);
+    this.setData({ selectedItems });
+
+    has.showToast({
+      title: '已取消收藏',
+      icon: 'none',
+      duration: 1500,
+    });
+  },
+  toggleEditMode() {
+    const isEditMode = !this.data.isEditMode;
+    this.setData({ 
+      isEditMode,
+      selectedItems: isEditMode ? [] : this.data.selectedItems  // 进入编辑模式时清空选中列表
+    });
+  },
+  selectItem(e) {
+    const { id } = e.currentTarget.dataset;
+    let selectedItems = [...this.data.selectedItems];
+
+    const index = selectedItems.indexOf(id);
+    if (index > -1) {
+      selectedItems.splice(index, 1);
+    } else {
+      selectedItems.push(id);
+    }
+
+    this.setData({ selectedItems });
+  },
+  batchRemoveCollect() {
+    if (this.data.selectedItems.length === 0) {
+      has.showToast({
+        title: '请选择要移除的商品',
+        icon: 'none',
+      });
+      return;
+    }
+
+    let collectList = this.data.collectList.filter(item =>
+        !this.data.selectedItems.includes(item.id)
+    );
+
+    this.setData({
+      collectList,
+      selectedItems: [],
+      isEditMode: false
+    });
+
+    has.setStorageSync('collectList', collectList);
+
+    has.showToast({
+      title: `已移除 ${this.data.selectedItems.length} 个收藏`,
+      icon: 'none',
+      duration: 1500,
+    });
+  },
+
+  checkPriceDrop() {
+    setTimeout(() => {
+      this.simulatePriceDrop();
+    }, 2000);
+  },
+  simulatePriceDrop() {
+    const collectList = this.data.collectList.map(item => {  
+      if (item.priceReminder && !item.notificationShown) {
+  
+        if (Math.random() > 0.5) {
+          const originalPrice = parseFloat(item.price);
+          const newPrice = (originalPrice * 0.9).toFixed(2); 
+          return {
+            ...item,
+            price: newPrice,
+            priceDropped: true,
+            notificationShown: true  
+          };
+        }
+      }
+      return item;
+    });
+
+    this.setData({ collectList });
+    has.setStorageSync('collectList', collectList);
+
+    const droppedItems = collectList.filter(item => item.priceDropped);
+    if (droppedItems.length > 0) {
+      this.showPriceDropNotification(droppedItems);
+    }
+  },
+
+  showPriceDropNotification(droppedItems) {
+    has.showModal({
+      title: '降价提醒',
+      content: `您收藏的商品降价了！${droppedItems.map(item => item.name).join('、')}`,
+      showCancel: false,
+      confirmText: '知道了',
+      success: (res) => {
+        const collectList = this.data.collectList.map(item => ({
+          ...item,
+          priceDropped: false
+        }));
+        this.setData({ collectList });
+        has.setStorageSync('collectList', collectList);
+      }
+    });
+  },
+  goToMall() {
+    has.switchTab({
+      url: '/pages/Page_MainTab/Page_Home/index'
+    });
+  },
+  onShow() {
+    this.checkPriceDrop();
+  },
+});

package/dist/templates/ascfMall/pages/Page_MyCollect/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "我的收藏"
+}

package/dist/templates/ascfMall/pages/Page_NewAddress/index.css

@@ -0,0 +1,177 @@
+.containDiv {
+  display: flex;
+  flex-direction: column;
+  width: 550rpx;
+}
+
+.rightLine {
+  height: 0.5rpx;
+  background-color: #000000;
+  width: 100%;
+  opacity: 0.2;
+}
+
+.centerConfirm {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  align-content: center;
+  width: 100%;
+  align-self: center;
+  flex-direction: column;
+}
+
+.defaultCon {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20rpx;
+  margin-top: 20rpx;
+  width: 100%;
+  line-height: 42rpx;
+}
+
+.defaultIconOn {
+  height: 42rpx;
+  width: 76rpx;
+  /* background-image: url(./img/on.png); */
+  margin-top: 28rpx;
+}
+
+.defaultIconOff {
+  height: 42rpx;
+  width: 76rpx;
+  /* background-image: url(./img/lightoff.png); */
+  margin-top: 28rpx;
+}
+
+.locateIcon {
+  width: 50rpx;
+  height: 50rpx;
+}
+
+/* 地图相关样式 */
+.mapSection {
+  margin: 20rpx 0;
+  border-radius: 12rpx;
+  overflow: hidden;
+}
+
+.mapTitle {
+  padding: 20rpx;
+  font-size: 28rpx;
+  font-weight: 500;
+  background-color: #f8f8f8;
+  border-bottom: 1px solid #eee;
+}
+
+.mapContainer {
+  width: 100%;
+  height: 400rpx;
+}
+
+.locationInfo {
+  padding: 20rpx;
+  background-color: #f8f8f8;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.locationText {
+  font-size: 26rpx;
+  color: #333;
+  flex: 1;
+}
+
+.relocateBtn {
+  font-size: 24rpx;
+  color: #ff7500;
+  padding-left: 20rpx;
+}
+
+/* 定位按钮样式 */
+.locationBtn {
+  position: absolute;
+  right: 20rpx;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 40rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.locationIcon {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+/* 输入框增强样式 */
+.inputPlaceholder {
+  flex: 1;
+  height: 80rpx;
+  line-height: 80rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  color: #1a1a1a;
+}
+
+.containDiv {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 550rpx;
+}
+
+.itemsCon {
+  display: flex;
+  height: 87.8rpx;
+}
+
+.inputPlaceholder {
+  height: 40.6rpx;
+  font-size: 31.3rpx;
+  width: 582rpx;
+  color: #1a1a1a;
+  padding-bottom: 3rpx;
+}
+
+.leftLabel {
+  width: 270rpx;
+  color: #1a1a1a;
+  display: flex;
+  align-items: center;
+}
+
+.newInfo {
+  display: flex;
+  line-height: 40.6rpx;
+  flex-direction: column;
+  padding-top: 45.3rpx;
+  width: 100%;
+  height: 400rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.confirmBtn {
+  font-size: 31.7rpx;
+  color: #ffffff;
+  line-height: 40.6rpx;
+  width: 375rpx;
+  border-radius: 8.3rpx;
+  height: 66.7rpx;
+  background-color: #ff7500;
+  position: fixed;
+  bottom: 60rpx;
+  left: 189rpx;
+  text-align: center;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  padding: 0 33rpx;
+}