From b7d7d5bd6f30584f1de3132c651c9c6794cf91ac Mon Sep 17 00:00:00 2001 From: pplokijuhyg <1162963624@qq.com> Date: Sat, 14 Dec 2019 00:31:41 +0800 Subject: [PATCH 1/3] =?UTF-8?q?=E5=95=86=E5=93=81=E9=A1=B5=E5=AE=8C?= =?UTF-8?q?=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 ++- app.json | 1 + pages/product/product.js | 66 ++++++++++++++++++++++++++++++++++++++ pages/product/product.json | 3 ++ pages/product/product.scss | 36 +++++++++++++++++++++ pages/product/product.wxml | 24 ++++++++++++++ pages/product/product.wxss | 1 + 7 files changed, 133 insertions(+), 3 deletions(-) create mode 100644 pages/product/product.js create mode 100644 pages/product/product.json create mode 100644 pages/product/product.scss create mode 100644 pages/product/product.wxml create mode 100644 pages/product/product.wxss diff --git a/README.md b/README.md index 27dd93f..d69f985 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,7 @@ ### 目录结构 - commponents 组件 - - index 首页组件 - page 页面 - - index 首页 - utils 插件 - [bin.js](./doc/bin.md) - doc 文档存放 @@ -21,4 +19,5 @@ - pages/classify/classify 分类页
组件 - classify/list 右侧商品列表 - - classify/navigation 左侧导航列表 \ No newline at end of file + - classify/navigation 左侧导航列表 +- pages/product/product 商品页 diff --git a/app.json b/app.json index 9b630be..33a4616 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/product/product", "pages/classify/classify", "pages/shopping/shopping", "pages/search/search", diff --git a/pages/product/product.js b/pages/product/product.js new file mode 100644 index 0000000..b86c728 --- /dev/null +++ b/pages/product/product.js @@ -0,0 +1,66 @@ +// pages/product/product.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + array: ['20粒', '30粒', '50粒', '100粒'] + }, + + /** + * 生命周期函数--监听页面加载 + */ + 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/product/product.json b/pages/product/product.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/product/product.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/product/product.scss b/pages/product/product.scss new file mode 100644 index 0000000..ce83366 --- /dev/null +++ b/pages/product/product.scss @@ -0,0 +1,36 @@ +.box{ + border-top: 1rpx solid #eaeaea; + display: flex; + flex-direction: column; + align-items: center; + .swiper{ + margin-top: 109rpx; + width: 389rpx; + height: 657rpx; + .image{ + width: 389rpx; + height: 549rpx; + background-color: #000; + } + } + .title{ + font-size: 32rpx; + color: #333; + margin-bottom: 34rpx; + } + .menery{ + font-size: 34rpx; + color: #666; + margin-bottom: 70rpx; + } + .add{ + width: 308rpx; + height: 98rpx; + background-color: #50CA80; + border-radius: 49rpx; + line-height: 98rpx; + font-size: 34rpx; + color: #fff; + text-align: center; + } +} \ No newline at end of file diff --git a/pages/product/product.wxml b/pages/product/product.wxml new file mode 100644 index 0000000..1ca5527 --- /dev/null +++ b/pages/product/product.wxml @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + 产品名称产品名称产品名称 + $140,000 + + 加入购物车 + + \ No newline at end of file diff --git a/pages/product/product.wxss b/pages/product/product.wxss new file mode 100644 index 0000000..df561aa --- /dev/null +++ b/pages/product/product.wxss @@ -0,0 +1 @@ +.box{border-top:1rpx solid #eaeaea;display:flex;flex-direction:column;align-items:center}.box .swiper{margin-top:109rpx;width:389rpx;height:657rpx}.box .swiper .image{width:389rpx;height:549rpx;background-color:#000}.box .title{font-size:32rpx;color:#333;margin-bottom:34rpx}.box .menery{font-size:34rpx;color:#666;margin-bottom:70rpx}.box .add{width:308rpx;height:98rpx;background-color:#50CA80;border-radius:49rpx;line-height:98rpx;font-size:34rpx;color:#fff;text-align:center} From 78f6cf1af060426bbb1f48c9333189350ac32ced Mon Sep 17 00:00:00 2001 From: pplokijuhyg <1162963624@qq.com> Date: Sat, 14 Dec 2019 08:52:25 +0800 Subject: [PATCH 2/3] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + app.json | 1 + pages/personal/personal.js | 66 ++++++++++++++++++++++++++++++++++++ pages/personal/personal.json | 3 ++ pages/personal/personal.scss | 53 +++++++++++++++++++++++++++++ pages/personal/personal.wxml | 26 ++++++++++++++ pages/personal/personal.wxss | 1 + 7 files changed, 151 insertions(+) create mode 100644 pages/personal/personal.js create mode 100644 pages/personal/personal.json create mode 100644 pages/personal/personal.scss create mode 100644 pages/personal/personal.wxml create mode 100644 pages/personal/personal.wxss diff --git a/README.md b/README.md index d69f985..7136aa3 100644 --- a/README.md +++ b/README.md @@ -21,3 +21,4 @@ - classify/list 右侧商品列表 - classify/navigation 左侧导航列表 - pages/product/product 商品页 +- pages/personal/personal 我的页面 \ No newline at end of file diff --git a/app.json b/app.json index 33a4616..63f5eb2 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/personal/personal", "pages/product/product", "pages/classify/classify", "pages/shopping/shopping", diff --git a/pages/personal/personal.js b/pages/personal/personal.js new file mode 100644 index 0000000..6bd20fc --- /dev/null +++ b/pages/personal/personal.js @@ -0,0 +1,66 @@ +// pages/personal/personal.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/personal/personal.json b/pages/personal/personal.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/personal/personal.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/personal/personal.scss b/pages/personal/personal.scss new file mode 100644 index 0000000..de0dd3f --- /dev/null +++ b/pages/personal/personal.scss @@ -0,0 +1,53 @@ +.box{ + // border-top: 1rpx solid #eaeaea; + display: flex; + flex-direction: column; + align-items: center; + .card{ + width: 690rpx; + height: 313rpx; + background-color: #47C877; + display: flex; + box-sizing: border-box; + padding: 50rpx; + font-size: 30rpx; + flex-direction: column; + color: #fff; + margin-top: 20rpx; + .user{ + display: flex; + align-items: center; + .head{ + width: 80rpx; + height: 80rpx; + margin-right: 32rpx; + border-radius: 50%; + background-color: #fff; + } + } + .balance{ + display: flex; + flex-direction: column; + margin-top: 52rpx; + } + } + .list{ + display: flex; + width: 690rpx; + margin-top: 33rpx; + flex-direction: column; + .option{ + width: 100%; + height: 80rpx; + margin-bottom: 15rpx; + box-sizing: border-box; + padding: 0 30rpx; + box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1); + display: flex; + align-items: center; + justify-content: space-between; + } + } + + } + \ No newline at end of file diff --git a/pages/personal/personal.wxml b/pages/personal/personal.wxml new file mode 100644 index 0000000..b5ca7ef --- /dev/null +++ b/pages/personal/personal.wxml @@ -0,0 +1,26 @@ + + + + + 于于于宇于 + + + 账户余额 + 480.00 + + + + + 我的订单 + > + + + 我的订单 + > + + + 会员中心 + 非会员 > + + + \ No newline at end of file diff --git a/pages/personal/personal.wxss b/pages/personal/personal.wxss new file mode 100644 index 0000000..71b97dc --- /dev/null +++ b/pages/personal/personal.wxss @@ -0,0 +1 @@ +.box{display:flex;flex-direction:column;align-items:center}.box .card{width:690rpx;height:313rpx;background-color:#47C877;display:flex;box-sizing:border-box;padding:50rpx;font-size:30rpx;flex-direction:column;color:#fff;margin-top:20rpx}.box .card .user{display:flex;align-items:center}.box .card .user .head{width:80rpx;height:80rpx;margin-right:32rpx;border-radius:50%;background-color:#fff}.box .card .balance{display:flex;flex-direction:column;margin-top:52rpx}.box .list{display:flex;width:690rpx;margin-top:33rpx;flex-direction:column}.box .list .option{width:100%;height:80rpx;margin-bottom:15rpx;box-sizing:border-box;padding:0 30rpx;box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1);display:flex;align-items:center;justify-content:space-between} From cfb33bf68b7b1302b5a6ce15a52be35d8341a196 Mon Sep 17 00:00:00 2001 From: pplokijuhyg <1162963624@qq.com> Date: Sat, 14 Dec 2019 09:08:58 +0800 Subject: [PATCH 3/3] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF?= =?UTF-8?q?=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 +- app.json | 1 + pages/message/message.js | 66 ++++++++++++++++++++++++++++++++++++++ pages/message/message.json | 3 ++ pages/message/message.scss | 54 +++++++++++++++++++++++++++++++ pages/message/message.wxml | 29 +++++++++++++++++ pages/message/message.wxss | 1 + 7 files changed, 156 insertions(+), 1 deletion(-) create mode 100644 pages/message/message.js create mode 100644 pages/message/message.json create mode 100644 pages/message/message.scss create mode 100644 pages/message/message.wxml create mode 100644 pages/message/message.wxss diff --git a/README.md b/README.md index 7136aa3..7266817 100644 --- a/README.md +++ b/README.md @@ -21,4 +21,5 @@ - classify/list 右侧商品列表 - classify/navigation 左侧导航列表 - pages/product/product 商品页 -- pages/personal/personal 我的页面 \ No newline at end of file +- pages/personal/personal 我的页面 +- pages/message/message 个人信息 \ No newline at end of file diff --git a/app.json b/app.json index 63f5eb2..9a5e266 100644 --- a/app.json +++ b/app.json @@ -1,5 +1,6 @@ { "pages": [ + "pages/message/message", "pages/personal/personal", "pages/product/product", "pages/classify/classify", diff --git a/pages/message/message.js b/pages/message/message.js new file mode 100644 index 0000000..cbe2eac --- /dev/null +++ b/pages/message/message.js @@ -0,0 +1,66 @@ +// pages/message/message.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/message/message.json b/pages/message/message.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/message/message.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/message/message.scss b/pages/message/message.scss new file mode 100644 index 0000000..258f4c3 --- /dev/null +++ b/pages/message/message.scss @@ -0,0 +1,54 @@ +.box { + // border-top: 1rpx solid #eaeaea; + display: flex; + flex-direction: column; + align-items: center; + .list { + width: 650rpx; + .information { + margin-top: 43rpx; + display: flex; + flex-direction: column; + font-size: 28rpx; + color: #333; + border-bottom: 1rpx solid #eaeaea; + justify-content: space-between; + > input { + height: 28rpx; + font-size: 28rpx; + color: #333; + } + } + } + .upload{ + width: 650rpx; + margin-top: 42rpx; + .title{ + font-size: 26rpx; + color: #999; + } + .files{ + margin-top: 42rpx; + width: 195rpx; + height: 195rpx; + box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1); + >image{ + width: 50rpx; + height: 41rpx; + background-color: #000; + margin: 77rpx 73rpx; + } + } + } + .submit{ + margin-top: 295rpx; + width: 650rpx; + height: 98rpx; + background-color: #47C877; + border-radius: 49rpx; + font-size: 36rpx; + line-height: 98rpx; + text-align: center; + color: #fff; + } +} diff --git a/pages/message/message.wxml b/pages/message/message.wxml new file mode 100644 index 0000000..0b6b3b0 --- /dev/null +++ b/pages/message/message.wxml @@ -0,0 +1,29 @@ + + + + 姓名 + + + + 联系电话 + + + + 邮箱 + + + + 护照奥马 + + + + + 护照正反面照片 + + + + + + 保存 + + \ No newline at end of file diff --git a/pages/message/message.wxss b/pages/message/message.wxss new file mode 100644 index 0000000..ff10952 --- /dev/null +++ b/pages/message/message.wxss @@ -0,0 +1 @@ +.box{display:flex;flex-direction:column;align-items:center}.box .list{width:650rpx}.box .list .information{margin-top:43rpx;display:flex;flex-direction:column;font-size:28rpx;color:#333;border-bottom:1rpx solid #eaeaea;justify-content:space-between}.box .list .information>input{height:28rpx;font-size:28rpx;color:#333}.box .upload{width:650rpx;margin-top:42rpx}.box .upload .title{font-size:26rpx;color:#999}.box .upload .files{margin-top:42rpx;width:195rpx;height:195rpx;box-shadow:2rpx 3rpx 16rpx 1rpx rgba(51,51,51,0.1)}.box .upload .files>image{width:50rpx;height:41rpx;background-color:#000;margin:77rpx 73rpx}.box .submit{margin-top:295rpx;width:650rpx;height:98rpx;background-color:#47C877;border-radius:49rpx;font-size:36rpx;line-height:98rpx;text-align:center;color:#fff}