@atomicservice/ascf-base 1.0.15 → 1.0.17

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

@@ -0,0 +1,182 @@
+.address-search-img {
+  display: flex;
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 16.8rpx;
+  align-items: center;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.recent {
+  display: flex;
+  flex-direction: column;
+  margin: 0rpx 33rpx 0rpx 33rpx;
+  width: 684rpx;
+}
+
+.div-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin: 41.1rpx 0rpx 29rpx 0rpx;
+}
+
+.title {
+  color: #1a1a1a;
+  font-size: 31rpx;
+}
+
+.clear {
+  color: #ff7500;
+  font-size: 28rpx;
+}
+
+.div-content {
+  width: 684rpx;
+}
+
+.div-record {
+  width: 684rpx;
+  flex-wrap: wrap;
+}
+
+.text-record {
+  padding: 10rpx 20rpx 10rpx 20rpx;
+  margin: 0rpx 17rpx 17rpx 0rpx;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  background-color: #f2f2f2;
+  border-radius: 8rpx;
+}
+
+.mallsearch-header {
+  display: flex;
+  margin: 16.5rpx 33rpx;
+  align-items: center;
+}
+
+.mallsearch-img {
+  width: 50rpx;
+  height: 50rpx;
+  margin: 0rpx 16.7rpx 0rpx 0rpx;
+}
+
+.mallsearch-input {
+  display: flex;
+  flex: 1;
+  height: 67rpx;
+  background-color: #f2f2f2;
+  border-radius: 8rpx;
+  align-items: center;
+  /* justify-content: space-between; */
+}
+
+.mallsearch-text {
+  padding: 0rpx 0rpx 0rpx 17rpx;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+  width: 100%;
+}
+
+.mallsearch-btn {
+  margin: 0rpx 0rpx 0rpx 17.2rpx;
+  font-size: 27.1rpx;
+  line-height: 34.9rpx;
+  color: #ff7500;
+}
+
+.mallsearch-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.mallsearch-box {
+  display: flex;
+  height: 100rpx;
+  margin: 0rpx 33rpx;
+  border-color: #cccccc;
+  border-bottom-width: 0.5rpx;
+  align-items: center;
+}
+
+.mallsearch-keyword {
+  font-size: 31.3rpx;
+  color: #ff7500;
+}
+
+.mallsearch-detail {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.view-title {
+  display: flex;
+  justify-content: space-between;
+}
+
+.view-record {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.text-record-wrap {
+  margin: 16rpx 0;
+}
+
+/* 清空按钮：终极优化版（文字居中 + 无边框） */
+.clear-btn {
+    font-size: 26rpx;
+    font-weight: 500;
+    color: #ff4d4f;
+    background-color: transparent;
+    border-radius: 12rpx;
+    padding: 8rpx 20rpx;
+    min-width: 80rpx;
+    height: 48rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.clear-btn:hover {
+    background-color: #ffeaea;
+    transform: scale(1.04);
+    box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.2);
+}
+
+.clear-btn:active {
+    transform: scale(0.96);
+    background-color: #ffd4d4;
+}
+
+.no-result-tip {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 120rpx;
+  background-color: #f9f9f9;
+  border-radius: 8rpx;
+  margin: 0rpx 33rpx;
+}
+
+.no-result-text {
+  font-size: 28rpx;
+  color: #999;
+  margin-bottom: 8rpx;
+}
+
+.no-result-desc {
+  font-size: 24rpx;
+  color: #ccc;
+}
+
+

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

@@ -0,0 +1,42 @@
+<!-- template里只能有一个根节点 -->
+<view class="container safe-area-inset-bottom">
+	<view class="mallsearch-header">
+		<view class="mallsearch-input">
+			<input class="mallsearch-text" value="{{keyWord}}" placeholder="{{placeholder}}" bindinput="search" />
+			<image has:if="{{keyWord==''?false:true}}" class="address-search-img" src="./img/search_close.png"
+				bind:tap="deleteKey"></image>
+		</view>
+		<text class="mallsearch-btn" bind:tap="searchFun">搜索</text>
+	</view>
+	<view has:if="{{isShow}}" class="recent">
+		<view class="view-title">
+			<view class="title">最近搜索</view>
+			<!-- 清空按钮 -->
+			<text 
+				class="clear-btn"
+				bind:tap="clearAllRecords"
+				has:if="{{record.length > 0}}"
+			>
+				清空
+			</text>
+		</view>
+		<view class="view-content">
+			<view class="view-record">
+				<view has:for="{{record}}" class="text-record-wrap">
+					<text class="text-record" bind:tap="hisSearch" data-item="{{item}}">{{item}}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+	<view has:if="{{showAssociation}}" class="mallsearch-list">
+		<view has:if="{{searchlist.length === 0}}" class="no-result-tip">
+    		<text class="no-result-text">暂无商品</text>
+    		<text class="no-result-desc">未找到相关商品，请尝试其他关键词</text>
+  		</view>
+		<view has:for="{{searchlist}}" class="mallsearch-box" bind:tap="choose">
+			<text class="mallsearch-keyword">{{item.keyword}}</text>
+			<text class="mallsearch-detail">{{item.detail}}</text>
+		</view>
+	</view>
+	<searchresult has:if="{{showResult}}"></searchresult>
+</view>

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

@@ -0,0 +1,180 @@
+Page({
+  data: {
+    keyWord: '',
+    isShow: true,
+    showAssociation: false,
+    showResult: false,
+    placeholder: '隔离防晒霜',
+    // 1. 定义一个完整的候选词库
+    allKeywords: [
+      '优衣库', '优衣库连衣裙', '优衣库防晒',
+      '连衣裙', '防晒', '隔离霜', '女装连衣裙', '夏装',
+      '优衣库男装', '优衣库童装'
+    ],
+    // 最近搜索记录
+    record: [
+      '连衣裙', '防晒', '隔离霜', '女装连衣裙', '夏装',
+      '优衣库' 
+    ],
+    // 搜索结果列表
+    searchlist: [],
+    // 限制记录数量
+    MAX_RECORD_COUNT: 10
+  },
+
+  // 初始化
+  onInit: function () {
+    this.$page.setTitleBar({ menu: false });
+
+    // 模拟从筛选页返回的逻辑
+    if (this.isresult) {
+      this.setData({ isShow: false, showAssociation: false, showResult: true });
+    }
+    if (!this.placeholder || this.placeholder === undefined) {
+      this.placeholder = '搜索栏组件默认字符';
+    }
+
+    // 初始化时尝试读取本地存储的记录（可选）
+    const savedRecord = has.getStorageSync('searchRecord');
+    if (savedRecord && savedRecord.length > 0) {
+      this.setData({ record: savedRecord });
+    }
+  },
+
+  deleteKey: function () {
+    this.setData({
+      keyWord: '',
+      isShow: true,
+      showAssociation: false,
+      showResult: false,
+      searchlist: []
+    });
+  },
+
+search: function (e) {
+  let keyWord = e.detail.value;
+  let newSearchList = [];
+
+  if (keyWord === '') {
+    this.setData({
+      keyWord: '',
+      isShow: true,
+      showAssociation: false,
+      showResult: false,
+      searchlist: []
+    });
+    return;
+  }
+
+  // 匹配联想词
+  this.data.allKeywords.forEach(item => {
+    if (item.indexOf(keyWord) !== -1) {
+      newSearchList.push({
+        keyword: item,
+        detail: '相关商品',
+        id: Math.random().toString(36).substr(2, 9)
+      });
+    }
+  });
+
+  // ✅ 新增：如果无联想结果，添加“暂无商品”提示
+  if (newSearchList.length === 0) {
+    newSearchList.push({
+      keyword: '暂无商品',
+      detail: '未找到相关商品，请尝试其他关键词',
+      id: 'no-result-' + Date.now()
+    });
+  }
+
+  this.setData({
+    keyWord: keyWord,
+    isShow: false,
+    showAssociation: true,
+    showResult: false,
+    searchlist: newSearchList
+  });
+},
+
+  // 点击搜索按钮：触发正式搜索 + 添加记录
+  searchFun: function () {
+    let keyWord = this.data.keyWord;
+    if (keyWord === '') return;
+
+    // 1. 执行添加记录逻辑（限制10条）
+    this.addSearchRecord(keyWord);
+
+    // 2. 跳转或展示结果
+    this.setData({
+      isShow: false,
+      showAssociation: false,
+      showResult: true
+    });
+  },
+
+  // 点击历史记录：触发搜索 + 添加记录（防止重复点击导致记录重复或逻辑混乱）
+  hisSearch: function (e) {
+    let item = e.currentTarget.dataset.item;
+
+    // 1. 添加记录（限制10条）
+    this.addSearchRecord(item);
+
+    // 2. 设置输入框并展示结果
+    this.setData({
+      keyWord: item,
+      isShow: false,
+      showAssociation: false,
+      showResult: true
+    });
+  },
+
+  // 点击联想结果：触发搜索 + 添加记录
+  choose: function (e) {
+    let keyword = e.currentTarget.dataset.item;
+
+    // 1. 添加记录（限制10条）
+    this.addSearchRecord(keyword);
+
+    // 2. 设置输入框并展示结果
+    this.setData({
+      keyWord: keyword,
+      isShow: false,
+      showAssociation: false,
+      showResult: true
+    });
+  },
+
+  // 清空所有记录
+  clearAllRecords: function () {
+    this.setData({
+      record: []
+    });
+    has.setStorageSync('searchRecord', []);
+  },
+
+  // --- 核心功能：添加记录并限制数量 ---
+  addSearchRecord: function (newRecord) {
+    let currentRecord = this.data.record;
+
+    // 如果新记录已经在列表中，先移除它（避免重复，且保持最新）
+    const index = currentRecord.indexOf(newRecord);
+    if (index > -1) {
+      currentRecord.splice(index, 1);
+    }
+
+    // 推入新记录（此时新记录在最前面）
+    currentRecord.unshift(newRecord);
+
+    // 如果超过限制，移除最后一条
+    if (currentRecord.length > this.data.MAX_RECORD_COUNT) {
+      currentRecord.pop();
+    }
+
+    // 更新数据并保存到本地
+    this.setData({
+      record: currentRecord
+    });
+
+    // 可选：同步到本地存储
+    has.setStorageSync('searchRecord', currentRecord);
+  }
+});

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

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "searchresult": "./Page_MallSearchResult/index"
+  }
+}

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

@@ -0,0 +1,114 @@
+.moreAddCon {
+  width: 610rpx;
+}
+
+.centerText {
+  margin: 0 3.4rpx 0 3.6rpx;
+}
+
+.groupCon {
+  margin-top: 29.3rpx;
+  padding: 0 33rpx;
+}
+
+.groupText {
+  margin: 16.7rpx 0;
+}
+
+.lineSep {
+  width: 684rpx;
+  height: 0.5rpx;
+  opacity: 0.2;
+  margin: 25rpx 0rpx 18rpx 0rpx;
+  background-color: #000000;
+}
+
+.sepMoreDefault {
+  width: 750rpx;
+  height: 16.7rpx;
+  background-color: #f5f5f5;
+  margin-top: 21.9rpx;
+}
+
+.greyText {
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 27.1rpx;
+  height: 34.9rpx;
+}
+
+.normalText {
+  color: #1a1a1a;
+  font-size: 31.3rpx;
+  height: 40.6rpx;
+}
+
+.newAddText {
+  color: #ff7500;
+  font-size: 27.1rpx;
+  height: 34.9rpx;
+  width: 140rpx;
+}
+
+.listsItemCon {
+  display: flex;
+  flex-direction: column;
+}
+
+.firstListsItemCon {
+  display: flex;
+  flex-direction: column;
+  margin-top: 30.2rpx;
+  padding: 0 33rpx;
+}
+
+.listItemCon {
+  display: flex;
+  flex-direction: column;
+  margin-top: 8rpx;
+}
+
+.newAdd {
+  width: 600rpx;
+}
+
+.sliceImg {
+  margin-right: 33.3rpx;
+}
+
+.titleNew {
+  width: 100%;
+  height: 100rpx;
+  font-size: 37.5rpx;
+  color: #1a1a1a;
+  width: 100%;
+  padding-top: 23.4rpx;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.address-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+}
+
+.delete-btn {
+  color: #ff4500;
+  font-size: 27.1rpx;
+  height: 34.9rpx;
+  width: auto;
+  margin-left: 20rpx;
+}
+
+.delete-btn:active {
+  opacity: 0.7;
+}

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

@@ -0,0 +1,52 @@
+<view class="container">
+
+  <view class="firstListsItemCon">
+    <text class="greyText groupText">{{defaultAdd.name}}</text>
+    <view has:for="{{defaultAdd.group}}" data-address="{{item}}">
+      <view class="listItemCon" bind:tap="selectAddress" bind:longpress="editAddress" data-address="{{item}}">
+        <view class="address-header">
+          <view class="name-phone">
+            <text class="normalText">{{item.name}}</text>
+            <text class="normalText">{{item.phone}}</text>
+          </view>
+          <view class="header-right">
+            <text show="{{selectedAddress && selectedAddress.id === item.id}}" class="selected-text">已选择</text>
+            <text bind:tap="deleteAddress" catchtap="true" class="delete-btn" data-address="{{item}}">删除</text>
+          </view>
+        </view>
+        <text class="greyText centerText">{{item.mainAddress}}</text>
+        <text class="greyText">{{item.detailAddress}}</text>
+      </view>
+    </view>
+  </view>
+  <view class="sepMoreDefault"></view>
+  <view class="groupCon" has:for="{{addGroups}}">
+    <view class="listsItemCon">
+      <view class="groupText">
+        <text class="greyText moreAddCon">{{item.name}}</text>
+        <text class="newAddText" bind:tap="direct">新增地址</text>
+      </view>
+
+      <view has:for="{{item.group}}" data-address="{{item}}">
+        <view class="listItemCon" bind:tap="selectAddress" bind:longpress="editAddress" data-address="{{item}}">
+          <view class="address-header">
+            <view class="name-phone">
+              <text class="normalText">{{item.name}}</text>
+              <text class="normalText">{{item.phone}}</text>
+            </view>
+            <view class="header-right">
+              <text bind:tap="deleteAddress" catchtap="true" class="delete-btn" data-address="{{item}}">删除</text>
+            </view>
+          </view>
+          <text has:if="{{selectedAddress && selectedAddress.id === item.id}}" class="selected-text">已选择</text>
+          <text class="greyText centerText">{{item.mainAddress}}</text>
+          <text class="greyText">{{item.detailAddress}}</text>
+          <view show="{{index!=(item.group.length-1)}}" class="lineSep"></view>
+        </view>
+
+      </view>
+    </view>
+
+  </view>
+
+</view>