@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfMall/component/c_trade_done/c_trade_done.css

@@ -0,0 +1,191 @@
+.goos_container {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 50rpx;
+}
+
+.goos_lists {
+  display: flex;
+  flex-direction: column;
+}
+
+.time_clock {
+  display: flex;
+  margin-top: 38rpx;
+  margin-bottom: 24rpx;
+  margin-left: 33rpx;
+  align-items: center;
+}
+
+.clock_image {
+  width: 33.3rpx;
+  height: 33.3rpx;
+  margin-right: 10rpx;
+}
+
+.goods_time {
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+._state {
+  margin-right: 33rpx;
+}
+
+.goods_state {
+  color: #ff7500;
+  font-size: 28rpx;
+}
+
+.delete_image {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 15.9rpx;
+}
+
+.sigle_goos_list {
+  display: flex;
+  padding-bottom: 26rpx;
+}
+
+.image_contaner {
+  width: 133.3rpx;
+  height: 133.3rpx;
+  margin: 0 33rpx 0 33rpx;
+}
+
+.goods_image {
+  width: 133.3rpx;
+  height: 133.3rpx;
+  border-radius: 8rpx;
+}
+
+.goods_description {
+  width: 75%;
+}
+
+.title_size {
+  width: 85%;
+}
+
+.goods_title {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  line-height: 40.6rpx;
+  margin-bottom: 26.6rpx;
+}
+
+.goods_size {
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+}
+
+.money_amount {
+  width: 15%;
+  margin-right: 33rpx;
+}
+
+.goods_money {
+  width: 100%;
+  font-size: 21rpx;
+  text-align: right;
+}
+
+.goods_amount {
+  width: 100%;
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+  align-self: center;
+  text-align: right;
+}
+
+.separate_line {
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+  border: 1rpx solid rgba(0, 0, 0, 0.2);
+}
+
+.bottom_amount_money {
+  padding-left: 30rpx;
+  width: 100%;
+  justify-content: flex-end;
+  margin-top: 30rpx;
+}
+
+._amount {
+  margin-right: 10rpx;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+.need_pay {
+  color: #1a1a1a;
+  font-size: 28rpx;
+}
+
+._money {
+  color: #fa2a2d;
+  font-size: 31rpx;
+  margin-right: 33rpx;
+}
+
+.state_btn {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 32.7rpx;
+  margin-right: 33rpx;
+}
+
+._btn {
+  width: 153rpx;
+  height: 58rpx;
+  text-align: center;
+  color: #ff7500;
+  font-size: 28rpx;
+  border: 2rpx solid #ff7500;
+  border-radius: 6rpx;
+  line-height: 58rpx;
+}
+
+.separate {
+  height: 16.7rpx;
+  background-color: #000000;
+  opacity: 0.05;
+  margin-top: 23.3rpx;
+  margin-left: -33rpx;
+  margin-right: -33rpx;
+}
+
+.align_items_center {
+  display: flex;
+  align-items: center;
+}
+
+.justify_content_center {
+  display: flex;
+  justify-content: center;
+}
+
+.flex_column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex_row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex_end {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.space_between {
+  display: flex;
+  justify-content: space-between;
+}

package/dist/templates/ascfMall/component/c_trade_done/c_trade_done.hxml

@@ -0,0 +1,49 @@
+<view class="goos_container">
+	<view type="listItem" has:for="{{list}}" class="goos_lists">
+
+		<view class="space_between align_items_center">
+			<view class="time_clock flex_row ">
+				<image class="clock_image" src="/pages/Page_TradeManagement/img/clock.png"></image>
+				<text class="goods_time">2018-11-28 17:15:20</text>
+			</view>
+			<view class="_state  ">
+				<image class="delete_image" src="/pages/Page_TradeManagement/img/delete.png"></image>
+			</view>
+		</view>
+
+		<view bind:tap="goToPage" class="sigle_goos_list">
+
+			<view class="image_contaner">
+				<image class="goods_image" src="{{item.image}}"></image>
+			</view>
+
+			<view class="goods_description flex_row">
+				<view class="title_size flex_column">
+					<text class="goods_title">{{item.title}}</text>
+					<text class="goods_size">{{item.size}}</text>
+				</view>
+
+				<view class="money_amount  flex_column">
+					<text class="goods_money">￥{{item.money}}</text>
+					<text class="goods_amount"> X {{item.amount}}</text>
+				</view>
+
+			</view>
+
+		</view>
+		<view class="separate_line"></view>
+
+		<view class="bottom_amount_money">
+			<text class="_amount">共1件商品</text>
+			<text class="need_pay" has:if="{{item.state == 1}}"> 需付款 ：</text>
+			<text class="need_pay" has:if="{{item.state == 3 || item.state == 4 || item.state == 2}}"> 实付款 ：</text>
+			<text class="_money">￥{{item.money}}</text>
+		</view>
+		<view class="state_btn">
+			<text class="_btn" bind:tap="buyAgain" data-index="{{index}}">再次购买</text>
+		</view>
+
+		<view has:if="{{index !== list.length-1}}" class="separate"></view>
+
+	</view>
+</view>

package/dist/templates/ascfMall/component/c_trade_done/c_trade_done.js

@@ -0,0 +1,34 @@
+Component({
+  properties: {
+    list: '',
+  },
+  attached() { },
+  methods: {
+    goToPage(item) {
+      has.navigateTo({
+        url: '/pages/Page_MallDetail/index',
+      });
+    },
+    buyAgain(e) {
+      const that = this;
+      has.showModal({
+        title: '再次购买',
+        content: '确定要再次购买此商品吗？',
+        confirmText: '确定',
+        cancelText: '取消',
+        confirmColor: '#ff7500',
+        success(res) {
+          if (res.confirm) {
+            const index = e.currentTarget.dataset.index;
+            that.triggerEvent('delete-item', {
+              index: index
+            });
+            has.navigateTo({
+              url: '/pages/Page_MallDetail/index'
+            });
+          }
+        }
+      });
+    }
+  },
+});

package/dist/templates/ascfMall/component/c_trade_done/c_trade_done.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfMall/component/c_trade_goods/c_trade_goods.css

@@ -0,0 +1,227 @@
+.text_content {
+  display: flex;
+  flex-direction: column;
+}
+
+.goos_container {
+  display: flex;
+  margin: 0 33rpx;
+  flex-direction: column;
+}
+
+.goos_lists {
+  display: flex;
+  flex-direction: column;
+}
+
+.rating_text {
+  margin-top: 26rpx;
+  font-size: 31rpx;
+  color: #1a1a1a;
+}
+
+.start {
+  margin-top: 28.1rpx;
+  margin-bottom: 3.6rpx;
+}
+
+.rating_evaluat_text {
+  font-size: 21rpx;
+  color: #808080;
+}
+
+.ratingStyle {
+  star-background: url(img/ic_stars_gray_mid.png);
+  star-foreground: url(img/ic_stars_blue_mid.png);
+  height: 50rpx;
+}
+
+.keyworld_content {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  margin-top: 32.8rpx;
+}
+
+.keyworld {
+  margin-right: 16.7rpx;
+  margin-bottom: 20rpx;
+  background-color: #f2f2f2;
+  padding: 5rpx 30rpx;
+  border-radius: 5rpx;
+  font-size: 25rpx;
+  border: 1rpx solid #f2f2f2;
+}
+
+.actived {
+  margin-right: 16.7rpx;
+  margin-bottom: 20rpx;
+  padding: 5rpx 30rpx;
+  border-radius: 5rpx;
+  font-size: 25rpx;
+  color: #ff7500;
+  border: 1rpx solid #ff7500;
+  background-color: rgba(255, 117, 0, 0.1);
+}
+
+.time_clock {
+  display: flex;
+  margin-top: 23.8rpx;
+  margin-bottom: 24rpx;
+  align-items: center;
+}
+
+.goods_time {
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+.clock_image {
+  width: 33.3rpx;
+  height: 33.3rpx;
+  margin-right: 10rpx;
+}
+
+.sigle_goos_list {
+  display: flex;
+  padding-bottom: 26rpx;
+}
+
+.image_contaner {
+  width: 133.3rpx;
+  height: 133rpx;
+  margin-right: 33rpx;
+}
+
+.goods_image {
+  width: 133.3rpx;
+  height: 133rpx;
+  border-radius: 8rpx;
+}
+
+.goods_description {
+  width: 75%;
+}
+
+.title_size {
+  width: 85%;
+}
+
+.goods_title {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  line-height: 40.6rpx;
+  margin-bottom: 26.6rpx;
+}
+
+.goods_size {
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+}
+
+.money_amount {
+  width: 15%;
+}
+
+.goods_money {
+  width: 100%;
+  font-size: 27rpx;
+  text-align: right;
+}
+
+.goods_amount {
+  width: 100%;
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+  align-self: center;
+  text-align: right;
+}
+
+.separate_line {
+  border-bottom-width: 1rpx;
+  border-color: rgba(0, 0, 0, 0.2);
+  border: 1rpx solid rgba(0, 0, 0, 0.2);
+}
+
+.bottom_amount_money {
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  margin-top: 30rpx;
+  margin-bottom: 51.6rpx;
+}
+
+._amount {
+  margin-right: 10rpx;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+.need_pay {
+  color: #1a1a1a;
+  font-size: 28rpx;
+}
+
+._money {
+  color: #fa2a2d;
+  font-size: 31rpx;
+  margin-right: 33rpx;
+}
+
+.text_world {
+  color: #1a1a1a;
+  margin-bottom: 24rpx;
+  font-size: 31rpx;
+}
+
+.textarea {
+  width: 662rpx;
+  height: 270rpx;
+  font-size: 25rpx;
+}
+
+.footer {
+  display: flex;
+  background-color: #ffffff;
+  height: 100rpx;
+  width: 100%;
+  margin-top: 96rpx;
+  margin-bottom: 33rpx;
+  justify-content: center;
+  align-items: center;
+}
+
+.ok_btn {
+  display: flex;
+  width: 375rpx;
+  height: 66rpx;
+  background-color: rgb(255, 136, 0);
+  color: #ffffff;
+  align-items: center;
+  justify-content: center;
+  border-radius: 5rpx;
+}
+
+.justify_content_center {
+  display: flex;
+  justify-content: center;
+}
+
+.flex_column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex_row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex_end {
+  display: flex;
+  justify-content: flex-end;
+}

package/dist/templates/ascfMall/component/c_trade_goods/c_trade_goods.hxml

@@ -0,0 +1,50 @@
+<view class="goos_container">
+  <view has:for="{{list}}" class="goos_lists">
+    <text class="rating_text">为商品打分</text>
+    <!-- <view class="start justify_content_center">
+      <rating class="ratingStyle" rating="3">
+      </rating>
+    </view>
+    <view class="justify_content_center">
+      <text class="rating_evaluat_text">挺不错</text>
+    </view> -->
+    <view class="keyworld_content">
+      <view has:for="{{keyworld}}" bind:tap="evaluate" data-index="{{index}}" class="{{item.class}} ">{{item.key}}
+      </view>
+    </view>
+    <view class="time_clock flex_row ">
+      <image class="clock_image" src="/pages/Page_Evaluate/img/clock.png"></image>
+      <text class="goods_time">2018-11-28 17:15:20</text>
+    </view>
+    <view bind:tap="goToPage" class="sigle_goos_list">
+      <view class="image_contaner">
+        <image class="goods_image" src="{{item.image}}"></image>
+      </view>
+      <view class="goods_description flex_row">
+        <view class="title_size flex_column">
+          <text class="goods_title">{{item.title}}</text>
+          <text class="goods_size">{{item.size}}</text>
+        </view>
+        <view class="money_amount  flex_column">
+          <text class="goods_money">￥{{item.money}}</text>
+          <text class="goods_amount"> X {{item.amount}}</text>
+        </view>
+      </view>
+    </view>
+    <view class="separate_line"></view>
+    <view class="bottom_amount_money">
+      <text class="_amount">共1件商品</text>
+      <text class="need_pay"> 实付款 ：</text>
+      <text class="_money">￥{{item.money}}</text>
+    </view>
+  </view>
+  <view class="text_content">
+    <text class="text_world">发表评价</text>
+    <textarea class="textarea" placeholder="请填写您的评价"></textarea>
+    <view class="footer">
+      <view class="ok_btn">
+        发表评价
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfMall/component/c_trade_goods/c_trade_goods.js

@@ -0,0 +1,29 @@
+Component({
+  properties: {
+    list: '',
+    keyworld: '',
+  },
+  attached() {},
+  methods: {
+    goToPage(item) {
+      has.navigateTo({
+        url: '/pages/Page_Bookdetails/index',
+      });
+    },
+    evaluate(e) {
+      let keyworld = this.data.keyworld;
+      let index = e.currentTarget.dataset.index;
+      if (keyworld[index].class === 'actived') {
+        keyworld[index].class = 'keyworld';
+        this.setData({
+          keyworld,
+        });
+        return;
+      }
+      keyworld[index].class = 'actived';
+      this.setData({
+        keyworld,
+      });
+    },
+  },
+});

package/dist/templates/ascfMall/component/c_trade_goods/c_trade_goods.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}