diff --git a/app.json b/app.json index c8a7f68..6c38ce5 100644 --- a/app.json +++ b/app.json @@ -1,10 +1,12 @@ { "pages": [ + "pages/chooseaddr/chooseaddr", "pages/orderconfirm/orderconfirm", "pages/classify/classify", "pages/shopping/shopping", "pages/search/search", "pages/index/index" + ], "window": { "backgroundTextStyle": "light", diff --git a/components/chooseaddr/address/address.js b/components/chooseaddr/address/address.js new file mode 100644 index 0000000..fd8569b --- /dev/null +++ b/components/chooseaddr/address/address.js @@ -0,0 +1,23 @@ +// components/chooseaddr/address/address.js +Component({ + /** + * 组件的属性列表 + */ + properties: { + + }, + + /** + * 组件的初始数据 + */ + data: { + + }, + + /** + * 组件的方法列表 + */ + methods: { + + } +}) diff --git a/components/chooseaddr/address/address.json b/components/chooseaddr/address/address.json new file mode 100644 index 0000000..e8cfaaf --- /dev/null +++ b/components/chooseaddr/address/address.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} \ No newline at end of file diff --git a/components/chooseaddr/address/address.scss b/components/chooseaddr/address/address.scss new file mode 100644 index 0000000..c50750e --- /dev/null +++ b/components/chooseaddr/address/address.scss @@ -0,0 +1,65 @@ +.address { + width: 690rpx; + height: 192rpx; + border-bottom: 2rpx solid #EAEAEA; + display: flex; + justify-content: space-between; + padding-bottom: 27rpx; + ; + .left { + width: 551rpx; + height: 119rpx; + .userinfo { + color: #333333; + font-size: 26rpx; + text-indent: 30rpx; + margin-top: 41rpx; + display: flex; + justify-content: space-between; + } + .addr { + color: #999999; + font-size: 24rpx; + text-indent: 30rpx; + margin-top: 32rpx; + width: 551rpx; + margin-left: 20rpx; + // display: flex; + .select { + width: 26rpx; + height: 26rpx; + margin: auto 0; + border-radius: 50%; + background-color: #EAEAEA; + float: left; + } + .selected { + background-color: #47C877; + } + .default { + // margin-left: 12rpx; + font-size: 24rpx; + text-indent: 16rpx; + line-height: 60rpx; + float: left; + } + .path { + // float: left; + line-height: 39rpx; + } + } + } + .line { + width: 2rpx; + height: 75rpx; + background: rgba(211, 211, 211, 1); + margin: auto 0; + } + .right { + color: #666666; + font-size: 24rpx; + line-height: 192rpx; + margin-left: 30rpx; + margin-right: 21rpx; + } +} \ No newline at end of file diff --git a/components/chooseaddr/address/address.wxml b/components/chooseaddr/address/address.wxml new file mode 100644 index 0000000..7257170 --- /dev/null +++ b/components/chooseaddr/address/address.wxml @@ -0,0 +1,16 @@ + + + + 于于宇 15698857895 + 邮政编码:677467 + + + + + 默认 + 中国大陆 山东省 青岛市 即墨区 纯阳路 某某某小区 + + + + 删除 + \ No newline at end of file diff --git a/components/chooseaddr/address/address.wxss b/components/chooseaddr/address/address.wxss new file mode 100644 index 0000000..5e92146 --- /dev/null +++ b/components/chooseaddr/address/address.wxss @@ -0,0 +1,70 @@ +.address { + width: 690rpx; + height: 192rpx; + border-bottom: 2rpx solid #EAEAEA; + display: flex; + justify-content: space-between; + padding-bottom: 27rpx; +} + +.address .left { + width: 551rpx; + height: 119rpx; +} + +.address .left .userinfo { + color: #333333; + font-size: 26rpx; + text-indent: 30rpx; + margin-top: 41rpx; + display: flex; + justify-content: space-between; +} + +.address .left .addr { + color: #999999; + font-size: 24rpx; + text-indent: 30rpx; + margin-top: 32rpx; + width: 551rpx; + margin-left: 20rpx; +} + +.address .left .addr .select { + width: 26rpx; + height: 26rpx; + margin: auto 0; + border-radius: 50%; + background-color: #EAEAEA; + float: left; +} + +.address .left .addr .selected { + background-color: #47C877; +} + +.address .left .addr .default { + font-size: 24rpx; + text-indent: 16rpx; + line-height: 60rpx; + float: left; +} + +.address .left .addr .path { + line-height: 39rpx; +} + +.address .line { + width: 2rpx; + height: 75rpx; + background: lightgray; + margin: auto 0; +} + +.address .right { + color: #666666; + font-size: 24rpx; + line-height: 192rpx; + margin-left: 30rpx; + margin-right: 21rpx; +} diff --git a/pages/chooseaddr/chooseaddr.js b/pages/chooseaddr/chooseaddr.js new file mode 100644 index 0000000..3ed0d84 --- /dev/null +++ b/pages/chooseaddr/chooseaddr.js @@ -0,0 +1,66 @@ +// pages/chooseaddr/chooseaddr.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/chooseaddr/chooseaddr.json b/pages/chooseaddr/chooseaddr.json new file mode 100644 index 0000000..854f0da --- /dev/null +++ b/pages/chooseaddr/chooseaddr.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + "address": "/components/chooseaddr/address/address" + } +} \ No newline at end of file diff --git a/pages/chooseaddr/chooseaddr.scss b/pages/chooseaddr/chooseaddr.scss new file mode 100644 index 0000000..a9379d7 --- /dev/null +++ b/pages/chooseaddr/chooseaddr.scss @@ -0,0 +1,5 @@ +.chooseaddress { + .addr { + margin-left: 30rpx; + } +} \ No newline at end of file diff --git a/pages/chooseaddr/chooseaddr.wxml b/pages/chooseaddr/chooseaddr.wxml new file mode 100644 index 0000000..edbe96d --- /dev/null +++ b/pages/chooseaddr/chooseaddr.wxml @@ -0,0 +1,11 @@ + + +
+
+ +
+
+ +
+
+
\ No newline at end of file diff --git a/pages/chooseaddr/chooseaddr.wxss b/pages/chooseaddr/chooseaddr.wxss new file mode 100644 index 0000000..d19804d --- /dev/null +++ b/pages/chooseaddr/chooseaddr.wxss @@ -0,0 +1,3 @@ +.chooseaddress .addr { + margin-left: 30rpx; +}