作者 乔爽

update

{
"pages": [
"pages/mine/collect/collect",
"pages/mine/addr_2/addr_2",
"pages/mine/addr_1/addr_1",
"pages/homeindex/homeindex",
"pages/index/index",
"pages/logs/logs",
"pages/kind/kind",
"pages/mine/mine"
"pages/mine/mine",
"pages/mine/collect"
],
"window": {
"backgroundTextStyle": "light",
... ... @@ -30,7 +33,6 @@
"iconPath": "img/02_nav@2x.png",
"selectedIconPath": "img/02_nav_fill@2x.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
... ...
/**app.wxss**/
.container {
/* .container {
height: 100%;
display: flex;
flex-direction: column;
... ... @@ -7,4 +7,4 @@
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
} */
... ...

631 字节

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
... ...
{
"navigationBarTitleText": "地址管理",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='top'>
<view class='top_item'>
<!-- 头部 -->
<view class='top_item_t'>
<view class='top_item_t_left'>
朱小明
<view class='top_default'>
默认
</view>
</view>
<view class='top_item_t_right'>
<!-- 手机号 -->
<view class='top_phone'>13987654321</view>
<!-- 修改按钮 -->
<view class='top_modify'>
<image src='../../../img/edit@2x.png'></image>
</view>
<!-- 删除按钮 -->
<view class='top_delete'>
<image src='../../../img/shanchu_fill@2x.png'></image>
</view>
</view>
</view>
<!-- 底部 -->
<view class='top_item_b'>
收货地址:天津市南开区黄河道与咸阳路交口信誉大厦7-01百成科技有限公司
</view>
</view>
<view class='top_item'>
<!-- 头部 -->
<view class='top_item_t'>
<view class='top_item_t_left'>
朱小明
<!-- <view class='top_default'>
默认
</view> -->
</view>
<view class='top_item_t_right'>
<!-- 手机号 -->
<view class='top_phone'>13987654321</view>
<!-- 修改按钮 -->
<view class='top_modify'>
<image src='../../../img/edit@2x.png'></image>
</view>
<!-- 删除按钮 -->
<view class='top_delete'>
<image src='../../../img/shanchu_fill@2x.png'></image>
</view>
</view>
</view>
<!-- 底部 -->
<view class='top_item_b'>
收货地址:天津市南开区黄河道与咸阳路交口信誉大厦7-01百成科技有限公司
</view>
</view>
</view>
<!-- 按钮 -->
<view class='bottom'>
<view class='bottom_btn'>
新增收货地址
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
position: relative;
}
.top{
margin-top: 16rpx;
display: flex;
flex-flow: column;
background: #fff;
}
.top_item{
display: flex;
flex-flow: column;
box-sizing: border-box;
padding: 30rpx 32rpx 32rpx 0;
margin: 0 0 0 32rpx;
border-bottom: 1px solid #f7f7f7;
}
.top_item_t{
display: flex;
justify-content: space-between;
}
.top_item_t_left{
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
position: relative;
}
.top_item_t_right{
display: flex;
align-items: center;
}
.top_phone{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
}
.top_modify{
margin-left: 44rpx;
width:30rpx;
height:30rpx;
opacity:1;
display: flex;
}
.top_modify image{
width: 100%;
height: 100%;
}
.top_delete{
margin-left: 24rpx;
width: 29rpx;
height: 28rpx;
display: flex;
}
.top_delete image{
width: 100%;
height: 100%;
}
.top_default{
width:64rpx;
height:32rpx;
text-align: center;
background:rgba(110,172,61,0.2);
opacity:1;
border-radius:8px 8px 8px 0px;
position: absolute;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(110,172,61,1);
top: -10rpx;
right: -70rpx;
}
.top_item_b{
margin-top: 20rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
opacity:1;
}
.bottom{
margin-top: 224rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottom_btn{
width:688rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
background:linear-gradient(168deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
opacity:1;
border-radius:48rpx;
font-size:34rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
}
\ No newline at end of file
... ...
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
... ...
{
"navigationBarTitleText": "新增地址",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='top'>
<view class='top_item'>
<view class='top_item_name'>姓名</view>
<input placeholder='请输入姓名' placeholder-style='color:#cccccc'></input>
</view>
<view class='top_item'>
<view class='top_item_name'>手机号</view>
<input placeholder='请输入手机号' placeholder-style='color:#cccccc'></input>
</view>
<view class='top_item top_between'>
<view class='top_item_name'>省市/区</view>
<view class='top_item_right'>
<image src='../../../img/right_1.png'></image>
</view>
</view>
<!-- 详细地址 -->
<view class='top_item'>
<view class='top_item_name'>详细地址</view>
<view class='top_item_text'>街道、小区、门牌号码</view>
</view>
<!-- 地址信息 -->
<view class='top_item top_height'>
<textarea placeholder='请输入详细地址,不少于15字' placeholder-style='color:#cccccc'></textarea>
</view>
</view>
<view class='mid'>
<view class='mid_addr'>
<view class='mid_addr_set'>设为默认地址</view>
<view class='mid_addr_pic'>
<image src='../../../img/dakai@2x.png'></image>
</view>
</view>
</view>
<!-- 按钮 -->
<view class='bottom'>
<view class='bottom_btn'>
保存
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
position: relative;
}
.top{
margin-top: 16rpx;
display: flex;
flex-flow: column;
background: #fff;
}
.top_item{
display: flex;
align-items: center;
box-sizing: border-box;
padding: 30rpx 32rpx 32rpx 0;
margin: 0 0 0 32rpx;
border-bottom: 1px solid #f7f7f7;
}
.bottom{
margin-top: 224rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottom_btn{
width:688rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
background:linear-gradient(168deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
opacity:1;
border-radius:48rpx;
font-size:34rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
}
.top_item_name{
width: 180rpx;
height: 44rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
}
.top_item input{
height: 44rpx;
font-size: 32rpx;
width: 450rpx;
}
.top_item_right{
width: 16rpx;
height: 32rpx;
display: flex;
}
.top_item_right image{
width: 100%;
height: 100%;
}
.top_between{
justify-content: space-between;
}
.top_item_text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(204,204,204,1);
opacity:1;
}
.top_height{
height: 200rpx;
font-size: 26rpx;
}
.top_height textarea{
width: 100%;
height: 100%;
}
.mid{
margin-top: 16rpx;
display: flex;
background: #fff;
}
.mid_addr{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 30rpx 32rpx 32rpx 0;
margin: 0 0 0 32rpx;
}
.mid_addr_set{
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
}
.mid_addr_pic{
width:64rpx;
height:32rpx;
opacity:1;
border-radius:16rpx;
display: flex;
}
.mid_addr_pic image{
width: 100%;
height: 100%;
}
\ No newline at end of file
... ...
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
... ...
{
"navigationBarTitleText": "新增地址",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
{
"navigationBarTitleText": "我的"
"navigationBarTitleText": "我的",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<!--pages/mine/mine.wxml-->
<text>pages/mine/mine.wxml</text>
<view class='container'>
<view class='head'>
<view class='head_t'>
<view></view>
<view class='head_t_right'>个人中心</view>
</view>
<view class='head_b'>
<view class='head_b_pic'>
<image src='../../img/zuire@3x.png'></image>
</view>
<view class='head_b_text'>
嘿嘿!小豆芽儿
</view>
</view>
</view>
<!-- 背景图片 -->
<view class='top'>
<image src='../../img/bg_01.png'></image>
</view>
<!-- 全部订单 -->
<view class='mid'>
<view class='mid_top'>
<view class='mid_top_left'>
全部订单
</view>
<view class='mid_top_right'>
查看全部订单>
</view>
</view>
<!-- 底部内容 -->
<view class='mid_bottom'>
<view class='mid_bottom_item'>
<!-- 图片 -->
<view class='pic_box'>
<view class='mid_bottom_item_pic'>
<image src='../../img/daifukuan@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='mid_bottom_item_text'>
待付款
</view>
</view>
<view class='mid_bottom_item'>
<!-- 图片 -->
<view class='pic_box'>
<view class='mid_bottom_item_pic2'>
<image src='../../img/daipintuan@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='mid_bottom_item_text'>
待拼团
</view>
</view>
<view class='mid_bottom_item'>
<!-- 图片 -->
<view class='pic_box'>
<view class='mid_bottom_item_pic3'>
<image src='../../img/daifahuo@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='mid_bottom_item_text'>
待发货
</view>
</view>
<view class='mid_bottom_item'>
<!-- 图片 -->
<view class='pic_box'>
<view class='mid_bottom_item_pic4'>
<image src='../../img/daiwancheng@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='mid_bottom_item_text'>
待完成
</view>
</view>
<view class='mid_bottom_item'>
<!-- 图片 -->
<view class='pic_box'>
<view class='mid_bottom_item_pic5'>
<image src='../../img/daipingjia@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='mid_bottom_item_text'>
待评价
</view>
</view>
</view>
</view>
<!-- 条目 -->
<view class='bottom'>
<view class='bottom_item'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
<view class='bottom_pic_box'>
<view class='bottom_left_pic'>
<image src='../../img/wde dizhi@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='bottom_left_text'>
地址管理
</view>
</view>
<!-- 右边 -->
<view class='bottom_right'>
<image src='../../img/right_1.png'></image>
</view>
</view>
<view class='bottom_item'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
<view class='bottom_pic_box'>
<view class='bottom_left_pic2'>
<image src='../../img/shoucang@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='bottom_left_text'>
我的收藏
</view>
</view>
<!-- 右边 -->
<view class='bottom_right'>
<image src='../../img/right_1.png'></image>
</view>
</view>
<view class='bottom_item'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
<view class='bottom_pic_box'>
<view class='bottom_left_pic3'>
<image src='../../img/lianxiwomen@2x.png'></image>
</view>
</view>
<!-- 文字 -->
<view class='bottom_left_text'>
地址管理
</view>
</view>
<!-- 右边 -->
<view class='bottom_right'>
<image src='../../img/right_1.png'></image>
</view>
</view>
</view>
</view>
... ...
/* pages/mine/mine.wxss */
\ No newline at end of file
/* pages/mine/mine.wxss */
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
position: relative;
}
.head{
display: flex;
flex-flow: column;
margin-top: 32rpx;
padding: 0 64rpx;
/* position: relative; */
z-index: 66;
}
.head_t{
display: flex;
justify-content: space-between;
}
.head_t_right{
width:112rpx;
height:32rpx;
line-height: 32rpx;
text-align: center;
border-radius:24rpx;
font-size:20rpx;
font-family:PingFang SC;
background: rgba(255, 255, 255, 0.1);
font-weight:400;
color:#fff;
}
.head_b{
display: flex;
align-items: center;
margin-top: 32rpx;
}
.head_b_pic{
width:128rpx;
height:128rpx;
border-radius:50%;
opacity:1;
}
.head_b_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.head_b_text{
margin-left: 20rpx;
font-size:34rpx;
font-family:PingFang SC;
font-weight:600;
line-height:36rpx;
color:#fff;
opacity:1;
}
.top{
width: 750rpx;
height: 336rpx;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.top image{
width: 100%;
height: 100%;
}
.mid{
width:688rpx;
height:272rpx;
background:rgba(255,255,255,1);
box-shadow:0rpx 6rpx 60rpx rgba(64,219,0,0.06);
opacity:1;
border-radius:8rpx;
z-index: 77;
margin: 48rpx 30rpx 0 32rpx;
}
.mid_top{
height: 96rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f7f7f7;
box-sizing: border-box;
padding: 0 32rpx 0 0;
margin: 0 0 0 32rpx;
}
.mid_top_left{
font-size:28rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
}
.mid_top_right{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
}
.mid_bottom{
display: flex;
height: 179rpx;
align-items: center;
justify-content: space-around;
}
.mid_bottom_item{
display: flex;
flex-flow: column;
align-items: center;
}
.mid_bottom_item_pic{
width:48rpx;
height:38rpx;
display: flex;
}
.mid_bottom_item_pic image{
width: 100%;
height: 100%;
}
.mid_bottom_item_pic2{
width:61rpx;
height:48rpx;
display: flex;
}
.mid_bottom_item_pic2 image{
width: 100%;
height: 100%;
}
.mid_bottom_item_pic3{
width:60rpx;
height:43rpx;
display: flex;
}
.mid_bottom_item_pic3 image{
width: 100%;
height: 100%;
}
.mid_bottom_item_pic4{
width:46rpx;
height:48rpx;
display: flex;
}
.mid_bottom_item_pic4 image{
width: 100%;
height: 100%;
}
.mid_bottom_item_pic5{
width:39rpx;
height:43rpx;
display: flex;
}
.mid_bottom_item_pic5 image{
width: 100%;
height: 100%;
}
.mid_bottom_item_text{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
margin-top: 15rpx;
}
.pic_box{
display: flex;
align-items: center;
height: 50rpx;
}
.bottom{
margin-top: 64rpx;
display: flex;
flex-flow: column;
background: #fff;
}
.bottom_item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx 34rpx;
border-bottom: 1px solid #F5F5F5;
}
.bottom_left{
display: flex;
align-items: center;
}
.bottom_left_pic{
width:26rpx;
height:32rpx;
opacity:1;
display: flex;
}
.bottom_left_pic image{
width: 100%;
height: 100%;
}
.bottom_left_pic2{
width: 32rpx;
height: 28rpx;
opacity:1;
display: flex;
}
.bottom_left_pic2 image{
width: 100%;
height: 100%;
}
.bottom_left_pic3{
width: 32rpx;
height: 32rpx;
opacity:1;
display: flex;
}
.bottom_left_pic3 image{
width: 100%;
height: 100%;
}
.bottom_left_text{
margin-left: 16rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.bottom_right{
width: 16rpx;
height: 32rpx;
display: flex;
}
.bottom_right image{
width: 100%;
height: 100%;
}
.bottom_pic_box{
width: 50rpx;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
... ...
... ... @@ -13,7 +13,7 @@
},
"compileType": "miniprogram",
"libVersion": "2.6.1",
"appid": "wx909921bcbc810e6b",
"appid": "wx532ecca400eb93a8",
"projectname": "teamprogram",
"debugOptions": {
"hidedInDevtools": []
... ... @@ -28,13 +28,45 @@
"current": -1,
"list": []
},
"plugin": {
"current": -1,
"list": []
},
"game": {
"currentL": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
"current": 3,
"list": [
{
"id": -1,
"name": "我的",
"pathName": "pages/mine/mine",
"query": "",
"scene": null
},
{
"id": -1,
"name": "地址管理1",
"pathName": "pages/mine/addr_1/addr_1",
"query": "",
"scene": null
},
{
"id": -1,
"name": "新增地址2",
"pathName": "pages/mine/addr_2/addr_2",
"query": "",
"scene": null
},
{
"id": -1,
"name": "收藏",
"pathName": "pages/mine/collect/collect",
"scene": null
}
]
}
}
}
\ No newline at end of file
... ...