@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfTakeaway/pages/Page_Account/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "account": "./component/c_account"
+  },
+  "navigationBarTitleText": "我的收藏"
+}

package/dist/templates/ascfTakeaway/pages/Page_Address/index.css

@@ -0,0 +1,142 @@
+.address-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.address-search {
+  margin: 0rpx 8rpx;
+  padding: 16.5rpx 25rpx;
+  background-color: #f2f2f2;
+}
+
+.address-search-box {
+  display: flex;
+  flex: 1;
+  background-color: #ffffff;
+  border-radius: 8.3rpx;
+  align-items: center;
+}
+
+.address-search-img {
+  width: 28rpx;
+  height: 28rpx;
+  margin: 17rpx;
+}
+
+.address-input {
+  flex: 1;
+  height: 67rpx;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+}
+
+.address-nowtitle {
+  margin: 47rpx 0rpx 0rpx 33rpx;
+  font-size: 27.1rpx;
+  color: #808080;
+}
+
+.address-now-detail {
+  display: flex;
+  padding: 21rpx 33rpx;
+}
+
+.address-now-text {
+  display: flex;
+  flex: 1;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  line-height: 58rpx;
+}
+
+.address-now-btn {
+  padding: 9rpx 30rpx;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+  border: 0.5rpx solid #000000;
+  border-radius: 8.3rpx;
+}
+
+.address-black {
+  height: 17rpx;
+  margin: 0rpx 8rpx;
+  background-color: #f2f2f2;
+}
+
+.address-get {
+  margin: 29rpx 0rpx 35rpx 33rpx;
+  color: #808080;
+  font-size: 27.1rpx;
+}
+
+.address-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.address-getaddress {
+  margin: 27rpx 0rpx 4rpx 33rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.address-getinfo {
+  margin: 0rpx 8rpx 0rpx 33rpx;
+  padding: 0rpx 0rpx 25rpx 0rpx;
+  font-size: 27.1rpx;
+  color: #808080;
+  border-bottom-color: #cccccc;
+  border-bottom-width: 1rpx;
+}
+
+.address-new {
+  margin: 43rpx 0rpx 36rpx 33rpx;
+  color: #24a846;
+  font-size: 31.3rpx;
+}
+
+.address-item {
+  display: flex;
+  margin: 0rpx 33rpx;
+  padding: 33rpx 0rpx 16rpx 0rpx;
+}
+
+.address-item-title {
+  flex: 1;
+  font-size: 27.1rpx;
+  color: #808080;
+}
+
+.address-item-more {
+  padding: 0rpx 9rpx 0rpx 0rpx;
+  font-size: 27.1rpx;
+  color: #808080;
+}
+
+.address-nearby {
+  margin: 0rpx 33rpx 0rpx 33rpx;
+}
+
+.address-nearby-item {
+  margin: 16rpx 25rpx 0rpx 0rpx;
+  padding: 8rpx 32rpx;
+  background-color: #f2f2f2;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  border-radius: 8.3rpx;
+}
+
+.address-box {
+  display: flex;
+  flex-direction: column;
+}
+
+.arrow_left {
+  width: 20rpx;
+  height: 30rpx;
+}
+
+.btn-box {
+  border: 1rpx solid gray;
+  margin-right: 32rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_Address/index.hxml

@@ -0,0 +1,46 @@
+<view class="address-content">
+	<view class="address-search">
+		<view class="address-search-box">
+			<image class="address-search-img" src="./img/search_search.png"></image>
+			<input class="address-input" 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>
+	</view>
+	<text class="address-nowtitle">{{titlenowaddress}}</text>
+	<view class="address-now-detail">
+		<text class="address-now-text">{{nowAddress}}</text>
+		<text class="address-now-btn" bind:tap="reLocate">{{titlerelocate}}</text>
+	</view>
+	<view class="address-black"></view>
+	<view has:if="{{isShow}}" class="address-box">
+		<text class="address-get">{{titlereceive}}</text>
+		<view has:for="{{list}}" has:key="item" class="address-list">
+			<text class="address-getaddress">{{item.address}}</text>
+			<text class="address-getinfo">{{item.name}} {{item.phone}}</text>
+			<text class="address-getinfo">
+				<text class="btn-box" has:if="{{index==0}}">默认地址</text>
+				<text class="btn-box" has:if="{{index>0}}" bind:tap="toTop" data-index="{{index}}">置顶</text>
+				<text class="btn-box" has:if="{{index>0}}" bind:tap="delete" data-index="{{index}}">删除</text>
+			</text>
+		</view>
+		<text class="address-new" bind:tap="add">{{titleadd}}</text>
+		<view class="address-black"></view>
+		<view class="address-item">
+			<text class="address-item-title">{{titlenear}}</text>
+			<text class="address-item-more" bind:tap="more">{{morelink}}</text>
+			<image src="./img/arrow_left.png" bind:tap="more" class="arrow_left"></image>
+		</view>
+		<view class="address-nearby">
+			<text class="address-nearby-item">{{nearbylist[0].title}}</text>
+			<text class="address-nearby-item">{{nearbylist[1].title}}</text>
+		</view>
+	</view>
+	<view has:else="" class="address-box">
+		<text class="address-get">{{titlesearch}}</text>
+		<view has:for="{{searchlist}}" has:key="item" class="address-list" bind:tap="choose" data-item="{{item}}">
+			<text class="address-getaddress">{{item.address}}</text>
+			<text class="address-getinfo">{{item.detail}}</text>
+		</view>
+	</view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_Address/index.js

@@ -0,0 +1,127 @@
+const app = getApp()
+Page({
+  data: {
+    keyWord: '', //搜索栏内容
+    placeholder: '小区、写字楼、学校...', //搜索栏提示信息 placeholder
+    isShow: true, //附件推荐地点是否显示
+    nowAddress: '天安云谷', //当前地址
+    titlenowaddress: '当前地址', //当前地址title
+    titlerelocate: '重新定位', //重新定位title
+    titlereceive: '收货地址', //收货地址title
+    titleadd: '新增地址', //新增地址title
+    titlenear: '附近地点推荐', //附近地点推荐title
+    morelink: '更多', //更多链接名称
+    titlesearch: '搜索地址', //搜索地址title
+    // 附近推荐地点列表
+    nearbylist: [
+      {
+        title: '运动健康实验室',
+        address: 'dd',
+      },
+      {
+        title: '天安云谷1栋A座',
+        address: 'dd2',
+      },
+      {
+        title: '天安云谷一期3栋D座',
+        address: 'dd3',
+      },
+    ],
+    // 搜索地址列表
+    searchlist: [
+      {
+        address: '天安云谷',
+        detail: '广东省深圳市龙岗区雪岗北路2018号',
+      },
+      {
+        address: '天安国际大厦',
+        detail: '广东省深圳市罗湖区人民南路3012号',
+      },
+      {
+        address: '天安创新大厦',
+        detail: '广东省深圳市龙岗区雪岗北路518号',
+      },
+    ],
+    // 收货地址列表
+    list: [],
+  },
+  onLoad() {
+    
+  },
+  onShow() {
+    this.setData({
+        list: app.globalData.addressList
+      });
+  },
+  //新增地址
+  add: function () {
+    has.navigateTo({
+      url: '/pages/Page_AddressNew/index',
+    });
+  },
+  //重新定位
+  reLocate: function () { },
+  //附近地点推荐更多
+  more: function () {
+    console.log('附近地点推荐更多');
+  },
+  //删除搜索关键字
+  deleteKey: function () {
+    this.setData({
+      keyWord: '',
+    });
+  },
+  //搜索地址
+  search: function (e) {
+    let value = e.detail.value;
+    this.setData({
+      keyWord: value,
+    });
+    if (value === '') {
+      return;
+    }
+    this.setData({
+      isShow: false,
+    });
+  },
+  //搜索结果后选中结果为收货地址
+  choose: function (e) {
+    let item = e.currentTarget.dataset.item;
+    let list = this.data.list;
+    let newAddress = item ? item.address + item.detail : '广东省深圳市';
+    let obj = {
+      name: '韩梅梅',
+      sex: 'women',
+      phone: '18812345678',
+      address: newAddress,
+      note: '',
+      place: 'company',
+    };
+    list.unshift(obj);
+    this.setData({
+      list,
+      isShow: true,
+    });
+  },
+  //删除地址
+  delete(e) {
+    let index = e.currentTarget.dataset.index;
+    let list = this.data.list.slice(); // 创建数组副本（可选，避免直接修改原数据）
+    list.splice(index, 1); // 在副本上删除
+
+    this.setData({
+      list: list // 将新数组赋值给 list
+    });
+    app.globalData.addressList = list;
+  },
+  //置顶地址
+  toTop(e) {
+    let movedItem = this.data.list.splice(e.currentTarget.dataset.index, 1)[0];
+    this.data.list.unshift(movedItem)
+    let arr = this.data.list;
+    this.setData({
+      list: arr
+    });
+    app.globalData.addressList = arr;
+  }
+});

package/dist/templates/ascfTakeaway/pages/Page_Address/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "选择收货地址"
+}

package/dist/templates/ascfTakeaway/pages/Page_AddressNew/index.css

@@ -0,0 +1,64 @@
+.addressnew-content {
+  flex-direction: column;
+  justify-content: space-between;
+}
+.top-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.addressnew-item {
+  display: flex;
+  padding: 34rpx 33rpx 10rpx 33rpx;
+}
+
+.addressnew-subtitle {
+  width: 147rpx;
+  margin: 9rpx 0rpx 0rpx 0rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.addressnew-input {
+  height: 67rpx;
+  flex: 1;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  border-bottom: 1px solid #ccc;
+}
+
+.addressnew-label-box {
+  padding: 16rpx 0rpx 14rpx 180rpx;
+}
+
+.addressnew-label {
+  padding: 8rpx 40rpx;
+  margin: 0rpx 34rpx 0rpx 0rpx;
+  background-color: #f2f2f2;
+  font-size: 25rpx;
+  color: #cccccc;
+  border-radius: 8.3rpx;
+}
+
+.addressnew-active {
+  padding: 8rpx 40rpx;
+  margin: 0rpx 34rpx 0rpx 0rpx;
+  background-color: #f2f2f2;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  border-radius: 8.3rpx;
+}
+
+.addressnew-btn-box {
+  bottom: 133rpx;
+  position: fixed;
+}
+
+.addressnew-btn {
+  padding: 20rpx 155rpx;
+  margin: 0rpx 188rpx 0rpx 188rpx;
+  font-size: 31.3rpx;
+  color: #ffffff;
+  background-color: #24a846;
+  border-radius: 8.3rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_AddressNew/index.hxml

@@ -0,0 +1,41 @@
+<view class="addressnew-content">
+  <view class="top-content">
+    <view class="addressnew-item">
+      <text class="addressnew-subtitle">{{titlecontact}}</text>
+      <input class="addressnew-input" value="{{params.name}}" placeholder="{{placeholdername}}" maxlength="10"
+        bindinput="inputChange" data-type="name" />
+    </view>
+    <view class="addressnew-label-box">
+      <text class="{{params.sex=='men'?'addressnew-active':'addressnew-label'}}" bind:tap="chooseSex"
+        data-sex="men">{{sex.man}}</text>
+      <text class="{{params.sex=='men'?'addressnew-label':'addressnew-active'}}" bind:tap="chooseSex"
+        data-sex="women">{{sex.lady}}</text>
+    </view>
+    <view class="addressnew-item">
+      <text class="addressnew-subtitle">{{titlephone}}</text>
+      <input type="number" class="addressnew-input" placeholder="{{placeholderphone}}" maxlength="11"
+        bindinput="inputChange" data-type="phone" bindblur="inputBlur" value="{{params.phone}}" />
+    </view>
+    <view class="addressnew-item">
+      <text class="addressnew-subtitle">{{titleaddress}}</text>
+      <input class="addressnew-input" placeholder="{{placeholderarea}}" maxlength="100" bindinput="inputChange"
+        data-type="address" />
+    </view>
+    <view class="addressnew-item">
+      <text class="addressnew-subtitle">{{titleaddition}}</text>
+      <input class="addressnew-input" placeholder="{{placeholderaddress}}" maxlength="100" bindinput="inputChange"
+        data-type="note" />
+    </view>
+    <view class="addressnew-label-box">
+      <text class="{{params.place=='home'?'addressnew-active':'addressnew-label'}}" bind:tap="choosePlace"
+        data-place="home">{{clazz.home}}</text>
+      <text class="{{params.place=='school'?'addressnew-active':'addressnew-label'}}" bind:tap="choosePlace"
+        data-place="school">{{clazz.school}}</text>
+      <text class="{{params.place=='company'?'addressnew-active':'addressnew-label'}}" bind:tap="choosePlace"
+        data-place="company">{{clazz.company}}</text>
+    </view>
+  </view>
+  <view class="addressnew-btn-box">
+    <text class="addressnew-btn" bind:tap="ok">{{titleconfirm}}</text>
+  </view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_AddressNew/index.js

@@ -0,0 +1,104 @@
+const app = getApp()
+Page({
+  data: {
+    params: {
+      name: '', //新增地址收货人姓名
+      sex: 'women', //收货人性别
+      phone: '', //收货人电话号码
+      address: '', //新增收货地址
+      note: '', //收货地址备注信息
+      place: 'company', //收货地点
+    },
+    // 新增地址相关数据
+    titlecontact: '联系人', // 联系人title
+    placeholdername: '姓名', // 联系人姓名提示信息 placeholder
+    // 可供选择的性别
+    sex: {
+      man: '先生',
+      lady: '女士',
+    },
+    titlephone: '电话', // 电话title
+    placeholderphone: '手机号码', // 手机号码提示信息 placeholder
+    titleaddress: '地址', // 地址title
+    placeholderarea: '请填写省-市-区-街道-楼-门牌号', // 行政区域提示信息 placeholder
+    titleaddition: '补充说明', // 补充说明title
+    placeholderaddress: '详细地址（如门牌号等）', // 补充说明提示信息 placeholder
+    // 可供选择的地址类别
+    clazz: {
+      home: '家',
+      school: '学校',
+      company: '公司',
+    },
+    titleconfirm: '确定', // 确认title
+  },
+  //选择性别
+  chooseSex: function (e) {
+    let params = this.data.params;
+    let sex = e.currentTarget.dataset.sex;
+    params.sex = sex;
+    this.setData({
+      params,
+    });
+  },
+  //选择地址家、学校、公司之一
+  choosePlace: function (e) {
+    let params = this.data.params;
+    let place = e.currentTarget.dataset.place;
+    params.place = place;
+    this.setData({
+      params,
+    });
+  },
+  //内容输入修改
+  inputChange: function (e) {
+    let params = this.data.params;
+    let value = e.detail.value;
+    let type = e.currentTarget.dataset.type;
+    params[type] = value;
+    this.setData({
+      params,
+    });
+  },
+  //确定
+  ok: function () {
+    if (!this.data.params.name) {
+      has.showModal({
+        title: '提示',
+        content: '请填写联系人!',
+        showCancel: false
+      });
+    } else if (!this.data.params.phone) {
+      has.showModal({
+        title: '提示',
+        content: '请填写电话!',
+        showCancel: false
+      });
+    } else if (!this.data.params.address) {
+      has.showModal({
+        title: '提示',
+        content: '请填写地址!',
+        showCancel: false
+      });
+    } else {
+      app.globalData.addressList.push(this.data.params);
+      has.navigateBack();
+    }
+  },
+  //校验手机号
+  inputBlur: function (e) {
+    let value = e.detail.value;
+    const reg = /^1[3-9]\d{9}$/;
+    let that = this;
+    if (!reg.test(value)) {
+      has.showModal({
+        title: '错误提示',
+        content: '请输入正确的手机号!',
+        showCancel: false
+      });
+      that.data.params.phone = '';
+      that.setData({
+        params: that.data.params
+      })
+    }
+  }
+});

package/dist/templates/ascfTakeaway/pages/Page_AddressNew/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "新增地址"
+}

package/dist/templates/ascfTakeaway/pages/Page_Coupon/index.css

@@ -0,0 +1,103 @@
+.container {
+  padding: 32rpx;
+}
+
+.coupon {
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  margin-bottom: 32rpx;
+}
+
+.coupon-header {
+  background-color: #ff6b6b;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px 10px 0 0;
+  position: relative;
+}
+
+.coupon-header h1 {
+  margin: 0;
+  font-size: 24px;
+}
+
+.coupon-header text {
+  color: #000;
+  font-size: 12px;
+  position: absolute;
+  right: 16rpx;
+  top: 16rpx;
+}
+
+.coupon-header2 {
+  background-color: gray;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px 10px 0 0;
+  position: relative;
+}
+
+.coupon-header2 h1 {
+  margin: 0;
+  font-size: 24px;
+}
+
+.coupon-header2 text {
+  color: #000;
+  font-size: 12px;
+  position: absolute;
+  right: 16rpx;
+  top: 16rpx;
+}
+
+.coupon-body {
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.coupon-content {
+  display: flex;
+  align-items: center;
+}
+
+.coupon-value {
+  font-size: 36px;
+  color: #ff6b6b;
+  margin-right: 20px;
+}
+
+.coupon-value span {
+  font-size: 18px;
+}
+
+.coupon-details p {
+  margin: 0;
+  font-size: 16px;
+  color: #666;
+}
+
+.claim-button {
+  background-color: #ff6b6b;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 5px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.claim-button:hover {
+  background-color: #ff4c4c;
+}
+
+.picker{
+  display: flex;
+  padding-bottom: 32rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_Coupon/index.hxml

@@ -0,0 +1,26 @@
+<view>
+	<view class="container">
+    <view class="picker">排序：
+      <picker range="{{ rates }}" bindchange="rateChange" value="{{ rateIndex }}" mode="selector">
+                  <view class="weui-input">{{rates[rateIndex]}}</view>
+        </picker>
+    </view>
+    <view class="coupon" has:for="{{couponList}}" has:key="{{item}}">
+      <view class="{{item.flag==='已过期'?'coupon-header2':'coupon-header'}}">
+        <h1>{{item.name}}</h1>
+        <text>{{item.flag}}</text>
+      </view>
+      <view class="coupon-body">
+        <view class="coupon-content">
+          <view class="coupon-value">
+            <span>￥</span>{{item.amount}}
+          </view>
+          <view class="coupon-details">
+            <p>{{item.description}}</p>
+            <p>{{item.validityPeriod}}</p>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>