diff --git a/README.md b/README.md index 5b52cc8..ce3d2da 100644 --- a/README.md +++ b/README.md @@ -62,3 +62,6 @@ - particulars/orderchooseaddr 地址 - particulars/content 中间所有 - particulars/logistics 物流信息 +- pages/sales1/sales1 退货1
+ - sales/merchandises 商品信息 + \ No newline at end of file diff --git a/app.json b/app.json index 8f6b274..f5e15f7 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/sales1/sales1", "pages/accomplish/accomplish", "pages/status/status", "pages/receiving/receiving", diff --git a/components/seles/merchandises/index.js b/components/seles/merchandises/index.js new file mode 100644 index 0000000..9f59aa7 --- /dev/null +++ b/components/seles/merchandises/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } +}) \ No newline at end of file diff --git a/components/seles/merchandises/index.json b/components/seles/merchandises/index.json new file mode 100644 index 0000000..78013bd --- /dev/null +++ b/components/seles/merchandises/index.json @@ -0,0 +1,5 @@ +{ + "component": true, + "usingComponents": { + } +} \ No newline at end of file diff --git a/components/seles/merchandises/index.scss b/components/seles/merchandises/index.scss new file mode 100644 index 0000000..145d073 --- /dev/null +++ b/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; + } + } +} \ No newline at end of file diff --git a/components/seles/merchandises/index.wxml b/components/seles/merchandises/index.wxml new file mode 100644 index 0000000..2d0a289 --- /dev/null +++ b/components/seles/merchandises/index.wxml @@ -0,0 +1,8 @@ + + + + 雅诗兰黛肌透修护密集精华眼膜 4对棕色瓶修护 真空眼膜 + 肌透眼膜4片 + ¥820.00 + + \ No newline at end of file diff --git a/components/seles/merchandises/index.wxss b/components/seles/merchandises/index.wxss new file mode 100644 index 0000000..68b6821 --- /dev/null +++ b/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} diff --git a/pages/sales1/sales1.js b/pages/sales1/sales1.js new file mode 100644 index 0000000..75dcb4a --- /dev/null +++ b/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 () { + + } +}) \ No newline at end of file diff --git a/pages/sales1/sales1.json b/pages/sales1/sales1.json new file mode 100644 index 0000000..0b4da0c --- /dev/null +++ b/pages/sales1/sales1.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + "merchandise":"../components/seles/merchandises/index" + } +} \ No newline at end of file diff --git a/pages/sales1/sales1.scss b/pages/sales1/sales1.scss new file mode 100644 index 0000000..c6e0514 --- /dev/null +++ b/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; +} +} diff --git a/pages/sales1/sales1.wxml b/pages/sales1/sales1.wxml new file mode 100644 index 0000000..d51a15b --- /dev/null +++ b/pages/sales1/sales1.wxml @@ -0,0 +1,16 @@ + + + + + 退货原因 + 请选择 > + + + 添加照片(选填) + + + + + + 提交 + \ No newline at end of file diff --git a/pages/sales1/sales1.wxss b/pages/sales1/sales1.wxss new file mode 100644 index 0000000..89995a0 --- /dev/null +++ b/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}