退货1

README.md

@@ -62,3 +62,6 @@
     - particulars/orderchooseaddr 地址
     - particulars/content 中间所有
     - particulars/logistics 物流信息
+- pages/sales1/sales1 退货1 <br>
+    - sales/merchandises 商品信息
+    

app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/sales1/sales1",
     "pages/accomplish/accomplish",
     "pages/status/status",
     "pages/receiving/receiving",

components/seles/merchandises/index.js

@@ -0,0 +1,8 @@
+Component({
+    properties: {
+    },
+    data: {
+    },
+    methods: {
+    }
+})

components/seles/merchandises/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

components/seles/merchandises/index.scss

@@ -0,0 +1,28 @@
+.merchandise {
+  padding: 46rpx 32rpx;
+  display: flex;
+  border-bottom: 20rpx solid #fbfbfb;
+  .image {
+    width: 171rpx;
+    height: 168rpx;
+    background-color: #000;
+  }
+  .message {
+    margin-left: 24rpx;
+    .title {
+      font-size: 26rpx;
+      color: #333;
+      width: 491rpx;
+      margin-bottom: 9rpx;
+    }
+    .brief {
+      font-size: 22rpx;
+      color: #999;
+      margin-bottom: 26rpx;
+    }
+    .price {
+      font-size: 28rpx;
+      color: #ff4e6c;
+    }
+  }
+}

components/seles/merchandises/index.wxml

@@ -0,0 +1,8 @@
+<view class="merchandise">
+        <image class="image"></image>
+        <view class="message">
+            <view class="title">雅诗兰黛肌透修护密集精华眼膜 4对棕色瓶修护 真空眼膜</view>
+            <view class="brief">肌透眼膜4片</view>
+            <view class="price">￥820.00</view>
+        </view>
+    </view>

components/seles/merchandises/index.wxss

@@ -0,0 +1 @@
+.merchandise{padding:46rpx 32rpx;display:flex;border-bottom:20rpx solid #fbfbfb}.merchandise .image{width:171rpx;height:168rpx;background-color:#000}.merchandise .message{margin-left:24rpx}.merchandise .message .title{font-size:26rpx;color:#333;width:491rpx;margin-bottom:9rpx}.merchandise .message .brief{font-size:22rpx;color:#999;margin-bottom:26rpx}.merchandise .message .price{font-size:28rpx;color:#ff4e6c}

pages/sales1/sales1.js

@@ -0,0 +1,66 @@
+// pages/sales1/sales1.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/sales1/sales1.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "merchandise":"../components/seles/merchandises/index"
+  }
+}

pages/sales1/sales1.scss

@@ -0,0 +1,48 @@
+.box {
+  border-top: 1rpx solid #eee;
+  
+  .fill {
+    padding: 42rpx 30rpx;
+    box-sizing: border-box;
+    .cause {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 45rpx;
+      .title {
+        font-size: 26rpx;
+        color: #333;
+      }
+      .select {
+        font-size: 26rpx;
+        color: #999;
+      }
+    }
+    .upload {
+      .title {
+        font-size: 26rpx;
+        color: #333;
+        margin-bottom: 45rpx;
+      }
+      .img {
+        width: 187rpx;
+        height: 187rpx;
+        border: 1rpx solid rgba(229, 229, 229, 1);
+        border-radius: 6rpx;
+      }
+    }
+   
+  }
+  .submit{
+    width: 650rpx;
+    height: 98rpx;
+    border-radius: 49rpx;
+    background-color: #47C877;
+    line-height: 98rpx;
+    text-align: center;
+    color: #fff;
+    font-size:36rpx;
+    margin-top: 67rpx;
+    margin-left: 50rpx;
+}
+}

pages/sales1/sales1.wxml

@@ -0,0 +1,16 @@
+<view class="box">
+    <merchandise></merchandise>
+    <view class="fill">
+        <view class="cause">
+            <view class="title">退货原因</view>
+            <view class="select">请选择 ></view>
+        </view>
+        <view class="upload">
+            <view class="title">添加照片（选填）</view>
+            <view class="img">
+
+            </view>
+        </view>
+    </view>
+    <view class="submit">提交</view>
+</view>

pages/sales1/sales1.wxss

@@ -0,0 +1 @@
+.box{border-top:1rpx solid #eee}.box .fill{padding:42rpx 30rpx;box-sizing:border-box}.box .fill .cause{display:flex;justify-content:space-between;align-items:center;margin-bottom:45rpx}.box .fill .cause .title{font-size:26rpx;color:#333}.box .fill .cause .select{font-size:26rpx;color:#999}.box .fill .upload .title{font-size:26rpx;color:#333;margin-bottom:45rpx}.box .fill .upload .img{width:187rpx;height:187rpx;border:1rpx solid #e5e5e5;border-radius:6rpx}.box .submit{width:650rpx;height:98rpx;border-radius:49rpx;background-color:#47C877;line-height:98rpx;text-align:center;color:#fff;font-size:36rpx;margin-top:67rpx;margin-left:50rpx}