diff --git a/README.md b/README.md index a348afc..5d30550 100644 --- a/README.md +++ b/README.md @@ -2,11 +2,7 @@ ### 目录结构 - commponents 组件 - - index 首页组件 - page 页面 - - index 首页 - - shopping 购物车 - - orderconfirm 订单确认 - utils 插件 - [bin.js](./doc/bin.md) - doc 文档存放 @@ -26,7 +22,9 @@ 组件 - classify/list 右侧商品列表 - classify/navigation 左侧导航列表 - +- pages/product/product 商品页 +- pages/personal/personal 我的页面 +- pages/message/message 个人信息 - pages/orderconfirm/orderconfirm 确认订单
组件 - orderconfirm/agreement 同意协议 diff --git a/app.json b/app.json index 6c38ce5..d3d2319 100644 --- a/app.json +++ b/app.json @@ -2,11 +2,13 @@ "pages": [ "pages/chooseaddr/chooseaddr", "pages/orderconfirm/orderconfirm", + "pages/message/message", + "pages/personal/personal", + "pages/product/product", "pages/classify/classify", "pages/shopping/shopping", "pages/search/search", "pages/index/index" - ], "window": { "backgroundTextStyle": "light", 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} 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} 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}