@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfMall/pages/Page_MainTab/Page_MallClassification/index.js

@@ -0,0 +1,232 @@
+Page({
+  data: {
+    currentIndex: 0,
+    //搜索框默认显示字符
+    placevalue: '隔离防晒霜',
+    //分类类别
+    malltype: [
+      {
+        title: '为你推荐', //类别名称
+        select: true, //类别是否选中
+        id: 'recommend', //类别id
+      },
+      {
+        title: '墨镜',
+        select: false,
+        id: 'sunglasses',
+      },
+      {
+        title: '男装',
+        select: false,
+        id: 'male',
+      },
+      {
+        title: '男女内衣',
+        select: false,
+        id: 'underwear',
+      },
+      {
+        title: '女鞋',
+        select: false,
+        id: 'shoes',
+      },
+      {
+        title: '男鞋',
+        select: false,
+        id: 'menshoes',
+      },
+      {
+        title: '箱包皮鞋',
+        select: false,
+        id: 'luggage',
+      },
+      {
+        title: '手表配饰',
+        select: false,
+        id: 'watch',
+      },
+      {
+        title: '护肤彩妆',
+        select: false,
+        id: 'skin',
+      },
+      {
+        title: '个人护理',
+        select: false,
+        id: 'personskin',
+      },
+      {
+        title: '母婴',
+        select: false,
+        id: 'mather',
+      },
+      {
+        title: '女装',
+        select: false,
+        id: 'women',
+      },
+    ],
+    //为你推荐列表
+    tabClassList: [
+      {
+        title: '猜你想找',
+        data: [
+          {
+            title: '凉鞋', //商品类别名称
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find1.png', //商品类别图片
+            src: '1', //跳转地址
+          },
+          {
+            title: '女士休闲鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find2.png',
+            src: '2',
+          },
+          {
+            title: '连衣裙',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find3.png',
+            src: '3',
+          },
+          {
+            title: '单鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find4.png',
+            src: '1',
+          },
+          {
+            title: '凉拖',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find5.png',
+            src: '2',
+          },
+          {
+            title: '海外女鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find6.png',
+            src: '3',
+          },
+          {
+            title: '半身裙',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find7.png',
+            src: '1',
+          },
+          {
+            title: '套装',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find8.png',
+            src: '2',
+          },
+          {
+            title: '男士运动鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find9.png',
+            src: '3',
+          },
+        ],
+      },
+      {
+        title: '你可能还喜欢',
+        data: [
+          {
+            title: '衬衫',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love1.png',
+            src: '1',
+          },
+          {
+            title: '机械男表',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love2.png',
+            src: '2',
+          },
+          {
+            title: '发饰',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love3.png',
+            src: '3',
+          },
+          {
+            title: '面膜',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love4.png',
+            src: '1',
+          },
+          {
+            title: '护肤套装',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love5.png',
+            src: '2',
+          },
+          {
+            title: '防晒/隔离',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/love6.png',
+            src: '3',
+          },
+          {
+            title: '凉鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find1.png',
+            src: '1',
+          },
+          {
+            title: '女士休闲鞋',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find2.png',
+            src: '2',
+          },
+          {
+            title: '连衣裙',
+            icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/find3.png',
+            src: '3',
+          },
+        ],
+      },
+    ],
+    //分类类别列表
+    malldetail: [
+      {
+        title: '古驰太阳眼镜女2018新款粉渐变镜片大框镜片', //商品名称
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next1.png', //商品图片
+        price: '￥2390', //商品价格
+        oldPrice: '￥3200', //商品原价
+        src: '1', //跳转地址
+      },
+      {
+        title: '女士古驰太阳眼镜女2018新款粉渐变镜片大...',
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next2.png',
+        price: '￥2390',
+        oldPrice: '￥3200',
+        src: '2',
+      },
+      {
+        title: 'GUUI古驰太阳眼镜女2018新款粉渐变镜片大...',
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next3.png',
+        price: '￥2390',
+        oldPrice: '￥3200',
+        src: '3',
+      },
+      {
+        title: 'NAN士古驰太阳眼镜女2018新款粉渐变镜片大...',
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next4.png',
+        price: '￥2390',
+        oldPrice: '￥3200',
+        src: '2',
+      },
+      {
+        title: 'GUUI古驰太阳眼镜女2018新款粉渐变镜片大...',
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next5.png',
+        price: '￥2390',
+        oldPrice: '￥3200',
+        src: '3',
+      },
+      {
+        title: 'GUUI古驰太阳眼镜女2018新款粉渐变镜片大...',
+        icon: '/pages/Page_MainTab/Page_MallClassification/TO_DELETE/next6.png',
+        price: '￥2390',
+        oldPrice: '￥3200',
+        src: '3',
+      },
+    ],
+  },
+  indexChange(e) {
+    this.setData({
+      currentIndex: e.detail.index,
+      malldetail: this.shuffleArray(this.data.malldetail)
+    });
+  },
+  shuffleArray(array) {
+    let result = [...array];
+    for (let i = result.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [result[i], result[j]] = [result[j], result[i]];
+    }
+    return result;
+  },
+});

package/dist/templates/ascfMall/pages/Page_MainTab/Page_MallClassification/index.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+    "mallclasssearchbar": "/component/c_search_bar/c_search_bar",
+    "verticaltab": "/component/c_verticalTab/c_verticalTab",
+    "threelist": "/component/c_threelist/c_threelist",
+    "verticallist": "/component/c_verticallist/c_verticallist"
+  },
+  "navigationBarTitleText": "电商"
+}

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Message/index.css

@@ -0,0 +1,434 @@
+/* 页面容器 */
+.message-container {
+  display: flex;
+  flex-direction: column;
+  background-color: #ffffff;
+  min-height: 100vh;
+}
+
+/* 标签栏 */
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  border-bottom: 1px solid #eeeeee;
+  background-color: #ffffff;
+}
+
+.tab-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  height: 100rpx;
+}
+
+.tab-bar-text {
+  margin-top: 29.2rpx;
+  font-size: 31.3rpx;
+  line-height: 40.6rpx;
+  text-align: center;
+}
+
+.underline-show {
+  display: flex;
+  height: 4rpx;
+  width: 60%;
+  background-color: #ff7500;
+  margin-top: 7.5rpx;
+  align-content: center;
+  align-items: center;
+}
+
+.underline-hide {
+  height: 4rpx;
+  margin-top: 7.5rpx;
+  width: 100%;
+  background-color: transparent;
+}
+
+.tab-bar-text-active {
+  color: #FF7500;
+}
+
+.tab-count {
+  position: absolute;
+  top: 6rpx;
+  right: 25%;
+  background-color: #FF4500;
+  color: white;
+  font-size: 10px;
+  min-width: 12px;
+  height: 12px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  font-weight: 500;
+  padding: 0 2px;
+  box-shadow: 0 1px 3px rgba(255, 69, 0, 0.3);
+  
+  z-index: 10;
+  pointer-events: none;
+}
+
+/* 顶部操作栏 */
+.action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  background-color: #ffffff;
+  margin-bottom: 12px;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 16px;
+}
+
+.action-btn {
+  padding: 8px 16px;
+  border-radius: 20px;
+  background-color: #f0f0f0;
+  font-size: 14px;
+  color: #666666;
+  transition: all 0.2s ease;
+}
+
+.action-btn.active {
+  background-color: #FF7500;
+  color: white;
+}
+
+.action-btn:active {
+  transform: scale(0.95);
+}
+
+
+
+
+
+/* 消息列表容器 */
+.message-list {
+  padding: 16px;
+}
+
+/* 消息板块 */
+.message-section {
+  margin-bottom: 24px;
+}
+
+.section-title {
+  margin-bottom: 12px;
+}
+
+.section-title .title-text {
+  font-size: 14px;
+  font-weight: 500;
+  color: #999999;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+/* 消息项 */
+.message-item {
+  background-color: #ffffff;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  transition: all 0.2s ease;
+}
+
+.message-item:active {
+  transform: scale(0.98);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+}
+
+.message-content {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  min-height: 80px;
+}
+
+.message-left {
+  display: flex;
+  align-items: flex-start;
+  flex: 1;
+  margin-right: 12px;
+}
+
+.message-icon {
+  font-size: 24px;
+  width: 50px;
+  height: 50px;
+  background-color: rgba(255, 117, 0, 0.1);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+}
+
+.message-info {
+  flex: 1;
+}
+
+.message-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 6px;
+  line-height: 1.4;
+}
+
+.message-title.read {
+  color: #666666;
+}
+
+.message-content-text {
+  font-size: 14px;
+  color: #666666;
+  line-height: 1.5;
+  margin-bottom: 8px;
+}
+
+.message-content-text.read {
+  color: #999999;
+}
+
+.message-time {
+  font-size: 12px;
+  color: #999999;
+}
+
+.message-right {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  min-width: 20px;
+}
+
+.unread-dot {
+  width: 8px;
+  height: 8px;
+  background-color: #FF7500;
+  border-radius: 50%;
+  margin-top: 10px;
+}
+
+.message-actions {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.delete-btn {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  color: #666666;
+  transition: all 0.2s ease;
+}
+
+.delete-btn:hover {
+  background-color: #e0e0e0;
+  color: #333333;
+}
+
+/* 空状态 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 40px;
+  text-align: center;
+}
+
+.empty-icon {
+  font-size: 48px;
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 14px;
+  color: #999999;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+  .message-content {
+    padding: 12px;
+  }
+  
+  .message-icon {
+    width: 44px;
+    height: 44px;
+    font-size: 20px;
+  }
+  
+  .message-title {
+    font-size: 15px;
+  }
+  
+  .message-content-text {
+    font-size: 13px;
+  }
+}
+
+/* 消息类型特定样式 */
+.message-item.order .message-icon {
+  background-color: rgba(255, 117, 0, 0.1);
+}
+
+.message-item.promotion .message-icon {
+  background-color: rgba(82, 196, 26, 0.1);
+}
+
+.message-item.system .message-icon {
+  background-color: rgba(24, 144, 255, 0.1);
+}
+
+.message-item.service .message-icon {
+  background-color: rgba(114, 46, 209, 0.1);
+}
+
+/* 滚动条样式 */
+.tabs-scroll::-webkit-scrollbar {
+  height: 4px;
+}
+
+.tabs-scroll::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+}
+
+.tabs-scroll::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+/* 消息加载动画 */
+@keyframes messageSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.message-item {
+  animation: messageSlideIn 0.3s ease-out;
+}
+
+/* Toast提示样式 */
+.toast-container {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 9999;
+}
+
+.toast-item {
+  padding: 16px 24px;
+  border-radius: 4px;
+  color: white;
+  font-size: 14px;
+  text-align: center;
+  min-width: 120px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.toast-success {
+  background-color: #52C41A;
+}
+
+.toast-info {
+  background-color: #1890FF;
+}
+
+/* 确认删除对话框样式 */
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-container {
+  background-color: white;
+  border-radius: 8px;
+  width: 280px;
+  max-width: 85%;
+  overflow: hidden;
+}
+
+.modal-header {
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.modal-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #333333;
+  text-align: center;
+}
+
+.modal-content {
+  padding: 20px 16px;
+}
+
+.modal-content text {
+  font-size: 14px;
+  color: #666666;
+  text-align: center;
+  line-height: 1.5;
+}
+
+.modal-footer {
+  display: flex;
+  border-top: 1px solid #f0f0f0;
+}
+
+.modal-btn {
+  flex: 1;
+  padding: 12px;
+  text-align: center;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.modal-btn-cancel {
+  color: #666666;
+  border-right: 1px solid #f0f0f0;
+}
+
+.modal-btn-confirm {
+  color: #FF7500;
+}
+
+.modal-btn:active {
+  opacity: 0.7;
+}