diff --git a/README.md b/README.md index d135077..3f7180a 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,10 @@ - page 页面 - index 首页 - shopping 购物车 + - orderconfirm 订单确认 - utils 插件 - [bin.js](./doc/bin.md) - +- doc 文档存放 ## 页面路由 - pages/index/index 首页
- pages/shopping/shopping 购物车
@@ -17,3 +18,18 @@ - index/list 商品列表 - index/lsit/commodity 商品单条 - index/shopping/shoppingitem 购物车商品信息 +- pages/search/search 搜索页
+ 组件 + - index/search 顶部搜索框 + - search/hot 热门上搜索列表 +- pages/classify/classify 分类页
+ 组件 + - classify/list 右侧商品列表 + - classify/navigation 左侧导航列表 + 组件 + - orderconfirm/agreement 同意协议 + - orderconfirm/bottom 订单确认底部 + - orderconfirm/chooseaddr 选择地址 + - orderconfirm/chooseway 选择方式 + - orderconfirm/ordershopinfo 顶部的商品信息 + - orderconfirm/orderyf 运费 diff --git a/app.json b/app.json index c686a2f..c8a7f68 100644 --- a/app.json +++ b/app.json @@ -1,9 +1,10 @@ { "pages": [ "pages/orderconfirm/orderconfirm", + "pages/classify/classify", "pages/shopping/shopping", + "pages/search/search", "pages/index/index" - ], "window": { "backgroundTextStyle": "light", diff --git a/components/classify/list/index.js b/components/classify/list/index.js new file mode 100644 index 0000000..035c745 --- /dev/null +++ b/components/classify/list/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } + }) \ No newline at end of file diff --git a/components/classify/list/index.json b/components/classify/list/index.json new file mode 100644 index 0000000..8a8e987 --- /dev/null +++ b/components/classify/list/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + + } +} \ No newline at end of file diff --git a/components/classify/list/index.scss b/components/classify/list/index.scss new file mode 100644 index 0000000..8b6dac9 --- /dev/null +++ b/components/classify/list/index.scss @@ -0,0 +1,52 @@ +.list{ + padding-left: 20rpx; + width: 572rpx; + box-sizing: border-box; + height: 100vh; + .commodity { + width: 552rpx; + // height: 143rpx; + // margin-top: 32rpx; + display: flex; + align-items: center; + .content { + width: 552rpx; + height: 100%; + display: flex; + align-items: center; + // box-shadow: 0 0 24rpx 0 rgba(227, 227, 227, 0.4); + border-bottom: 2rpx solid #eaeaea; + padding: 30rpx 0; + .imgthumb { + width: 105rpx; + height: 105rpx; + margin-left: 40rpx; + background-color: #333; + } + .introduce { + width: 336rpx; + margin-left: 40rpx; + display: flex; + flex-direction: column; + > text { + font-size: 22rpx; + color: #333; + margin-bottom: 22rpx; + } + > view { + display: flex; + align-items: center; + justify-content: space-between; + > text:first-child { + font-size: 30rpx; + color: #dec499; + } + > text:last-child { + font-size: 22rpx; + color: #999; + } + } + } + } + } +} \ No newline at end of file diff --git a/components/classify/list/index.wxml b/components/classify/list/index.wxml new file mode 100644 index 0000000..2e5e664 --- /dev/null +++ b/components/classify/list/index.wxml @@ -0,0 +1,38 @@ + + + + + + 产品名称产品名称产品名称产品名称产品名称产品 + + ￥657 + 加入购物车 + + + + + + + + + 产品名称产品名称产品名称产品名称产品名称产品 + + ￥657 + 加入购物车 + + + + + + + + + 产品名称产品名称产品名称产品名称产品名称产品 + + ￥657 + 加入购物车 + + + + + \ No newline at end of file diff --git a/components/classify/list/index.wxss b/components/classify/list/index.wxss new file mode 100644 index 0000000..9546d04 --- /dev/null +++ b/components/classify/list/index.wxss @@ -0,0 +1 @@ +.list{padding-left:20rpx;width:572rpx;box-sizing:border-box;height:100vh}.list .commodity{width:552rpx;display:flex;align-items:center}.list .commodity .content{width:552rpx;height:100%;display:flex;align-items:center;border-bottom:2rpx solid #eaeaea;padding:30rpx 0}.list .commodity .content .imgthumb{width:105rpx;height:105rpx;margin-left:40rpx;background-color:#333}.list .commodity .content .introduce{width:336rpx;margin-left:40rpx;display:flex;flex-direction:column}.list .commodity .content .introduce>text{font-size:22rpx;color:#333;margin-bottom:22rpx}.list .commodity .content .introduce>view{display:flex;align-items:center;justify-content:space-between}.list .commodity .content .introduce>view>text:first-child{font-size:30rpx;color:#dec499}.list .commodity .content .introduce>view>text:last-child{font-size:22rpx;color:#999} diff --git a/components/classify/navigation/index.js b/components/classify/navigation/index.js new file mode 100644 index 0000000..035c745 --- /dev/null +++ b/components/classify/navigation/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } + }) \ No newline at end of file diff --git a/components/classify/navigation/index.json b/components/classify/navigation/index.json new file mode 100644 index 0000000..8a8e987 --- /dev/null +++ b/components/classify/navigation/index.json @@ -0,0 +1,6 @@ +{ + "component": true, + "usingComponents": { + + } +} \ No newline at end of file diff --git a/components/classify/navigation/index.scss b/components/classify/navigation/index.scss new file mode 100644 index 0000000..10fbd9d --- /dev/null +++ b/components/classify/navigation/index.scss @@ -0,0 +1,20 @@ +.navigation { + width: 188rpx; + // margin-right: 2rpx; + border-right: 2rpx solid #eaeaea; + max-height: 100vh; + view{ + height: 97rpx; + font-size: 28rpx; + color: #333; + border-bottom: 2rpx solid #eaeaea; + line-height: 97rpx; + font-weight: bold; + text-align: center; + box-sizing: border-box; + } + .on{ + border-left: 5rpx solid #56CC84; + color:#56CC84; + } +} \ No newline at end of file diff --git a/components/classify/navigation/index.wxml b/components/classify/navigation/index.wxml new file mode 100644 index 0000000..c03b550 --- /dev/null +++ b/components/classify/navigation/index.wxml @@ -0,0 +1,10 @@ + + 热门商品 + 美容健身 + 美容健身 + 美容健身 + 美容健身 + 美容健身 + 美容健身 + 美容健身 + \ No newline at end of file diff --git a/components/classify/navigation/index.wxss b/components/classify/navigation/index.wxss new file mode 100644 index 0000000..9f520e4 --- /dev/null +++ b/components/classify/navigation/index.wxss @@ -0,0 +1 @@ +.navigation{width:188rpx;border-right:2rpx solid #eaeaea;max-height:100vh}.navigation view{height:97rpx;font-size:28rpx;color:#333;border-bottom:2rpx solid #eaeaea;line-height:97rpx;font-weight:bold;text-align:center;box-sizing:border-box}.navigation .on{border-left:5rpx solid #56CC84;color:#56CC84} diff --git a/components/index/search/index.scss b/components/index/search/index.scss index 76978b2..e1dee72 100644 --- a/components/index/search/index.scss +++ b/components/index/search/index.scss @@ -16,7 +16,7 @@ >input{ height: 30rpx; width: 480rpx; - margin-top: 25rpx; + margin-top: 20rpx; margin-left: 17rpx; font-size: 30rpx; } diff --git a/components/index/search/index.wxss b/components/index/search/index.wxss index e899d3f..e30d4e7 100644 --- a/components/index/search/index.wxss +++ b/components/index/search/index.wxss @@ -1 +1 @@ -.search{width:613rpx;height:76rpx;margin-top:30rpx;box-sizing:border-box;border-radius:15rpx;display:flex;border:1rpx solid #c6c6c6}.search>image{width:42rpx;height:42rpx;background-color:#000;margin-left:40rpx;margin-top:17rpx}.search>input{height:30rpx;width:480rpx;margin-top:25rpx;margin-left:17rpx;font-size:30rpx} +.search{width:613rpx;height:76rpx;margin-top:30rpx;box-sizing:border-box;border-radius:15rpx;display:flex;border:1rpx solid #c6c6c6}.search>image{width:42rpx;height:42rpx;background-color:#000;margin-left:40rpx;margin-top:17rpx}.search>input{height:30rpx;width:480rpx;margin-top:20rpx;margin-left:17rpx;font-size:30rpx} diff --git a/components/search/hot/index.js b/components/search/hot/index.js new file mode 100644 index 0000000..9f59aa7 --- /dev/null +++ b/components/search/hot/index.js @@ -0,0 +1,8 @@ +Component({ + properties: { + }, + data: { + }, + methods: { + } +}) \ No newline at end of file diff --git a/components/search/hot/index.json b/components/search/hot/index.json new file mode 100644 index 0000000..32640e0 --- /dev/null +++ b/components/search/hot/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} \ No newline at end of file diff --git a/components/search/hot/index.scss b/components/search/hot/index.scss new file mode 100644 index 0000000..f6b3ef9 --- /dev/null +++ b/components/search/hot/index.scss @@ -0,0 +1,22 @@ +.hot { + display: flex; + align-items: center; + flex-direction: column; + .title { + font-size: 34rpx; + color: #333; + font-weight: bold; + width: 415rpx; + height: 61rpx; + line-height: 61rpx; + text-align: center; + background-image: linear-gradient(to right, #fff, #ecfff8, #fff); + margin-top: 53rpx; + margin-bottom: 38rpx; + } + .word{ + font-size: 30rpx; + color: #999; + margin-bottom: 55rpx; + } + } \ No newline at end of file diff --git a/components/search/hot/index.wxml b/components/search/hot/index.wxml new file mode 100644 index 0000000..1842cb4 --- /dev/null +++ b/components/search/hot/index.wxml @@ -0,0 +1,5 @@ + + 热门搜索 + 化妆品 + 化妆品 + \ No newline at end of file diff --git a/components/search/hot/index.wxss b/components/search/hot/index.wxss new file mode 100644 index 0000000..e142220 --- /dev/null +++ b/components/search/hot/index.wxss @@ -0,0 +1 @@ +.hot{display:flex;align-items:center;flex-direction:column}.hot .title{font-size:34rpx;color:#333;font-weight:bold;width:415rpx;height:61rpx;line-height:61rpx;text-align:center;background-image:linear-gradient(to right, #fff, #ecfff8, #fff);margin-top:53rpx;margin-bottom:38rpx}.hot .word{font-size:30rpx;color:#999;margin-bottom:55rpx} diff --git a/doc/bin.md b/doc/bin.md index 51d7a7e..1501ae5 100644 --- a/doc/bin.md +++ b/doc/bin.md @@ -16,10 +16,11 @@ object responseType,类型 complete 成功失败都执行的回调函数 } -```` +``` ``` request({ - + url:"https://api.luyaun.tk/getlist", + method:"GET" }).then((res)=>{ 请求成功执行方法 },(rej)=>{ diff --git a/pages/classify/classify.js b/pages/classify/classify.js new file mode 100644 index 0000000..5b6fcb8 --- /dev/null +++ b/pages/classify/classify.js @@ -0,0 +1,66 @@ +// pages/classify/classify.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/classify/classify.json b/pages/classify/classify.json new file mode 100644 index 0000000..0fa3766 --- /dev/null +++ b/pages/classify/classify.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + "list":"../components/classify/list/index", + "navigation":"../components/classify/navigation/index" + } +} \ No newline at end of file diff --git a/pages/classify/classify.scss b/pages/classify/classify.scss new file mode 100644 index 0000000..4b5efaf --- /dev/null +++ b/pages/classify/classify.scss @@ -0,0 +1,7 @@ +.box{ + width: 750rpx; + display: flex; + border-top: 1rpx solid #eaeaea; + + +} \ No newline at end of file diff --git a/pages/classify/classify.wxml b/pages/classify/classify.wxml new file mode 100644 index 0000000..ba6b786 --- /dev/null +++ b/pages/classify/classify.wxml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/pages/classify/classify.wxss b/pages/classify/classify.wxss new file mode 100644 index 0000000..7c22a73 --- /dev/null +++ b/pages/classify/classify.wxss @@ -0,0 +1 @@ +.box{width:750rpx;display:flex;border-top:1rpx solid #eaeaea} diff --git a/pages/index/index.js b/pages/index/index.js index bfd65c2..95bc36d 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -4,5 +4,8 @@ Page({ }, onLoad(){ + }, + searchs(){ + console.log(10) } }) diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 6797ad1..4e25615 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/pages/search/search.js b/pages/search/search.js new file mode 100644 index 0000000..ede280c --- /dev/null +++ b/pages/search/search.js @@ -0,0 +1,66 @@ +// pages/search/search.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/search/search.json b/pages/search/search.json new file mode 100644 index 0000000..dd3996b --- /dev/null +++ b/pages/search/search.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + "search":"../components/index/search/index", + "hot":"../components/search/hot/index" + } +} \ No newline at end of file diff --git a/pages/search/search.scss b/pages/search/search.scss new file mode 100644 index 0000000..67cdbfa --- /dev/null +++ b/pages/search/search.scss @@ -0,0 +1,7 @@ +.box { + border-top: #eaeaea solid 1rpx; + width: 750rpx; + display: flex; + align-items: center; + flex-direction: column; +} diff --git a/pages/search/search.wxml b/pages/search/search.wxml new file mode 100644 index 0000000..10d31b6 --- /dev/null +++ b/pages/search/search.wxml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/pages/search/search.wxss b/pages/search/search.wxss new file mode 100644 index 0000000..3b5be87 --- /dev/null +++ b/pages/search/search.wxss @@ -0,0 +1 @@ +.box{border-top:#eaeaea solid 1rpx;width:750rpx;display:flex;align-items:center;flex-direction:column}