miniprogram / shop · 提交

转到一个项目

作者 乔爽
提交 7fd7afda1c527caa3c5b4c08e8e54af2b5c6632e 1 个父辈 758b12a1

初步完成个人中心模块

内嵌 并排对比
正在显示 25 个修改的文件 包含 1175 行增加 和 20 行删除
{
"pages": [
"pages/mine/contactUs/contactUs",
"pages/mine/eOrder/eOrder",
"pages/mine/myOrder/myOrder",
"pages/mine/addr_2/addr_2",
"pages/mine/addr_1/addr_1",
... ...
... ... @@ -13,7 +13,11 @@ Page({
onLoad: function (options) {
},
btn_newAddr(){
wx.navigateTo({
url: '/pages/mine/addr_2/addr_2',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
... ...
... ... @@ -61,7 +61,7 @@
<!-- 按钮 -->
<view class='bottom'>
<view class='bottom_btn'>
<view class='bottom_btn' bindtap='btn_newAddr'>
新增收货地址
</view>
</view>
... ...
... ... @@ -4,7 +4,13 @@ Page({
* 页面的初始数据
*/
data: {
multiIndex: [0, 0, 0],
date: '2016-09-01',
time: '12:01',
region: ['广东省', '广州市', '海珠区'],
customItem: '全部',
status:false,
},
/**
... ... @@ -13,7 +19,21 @@ Page({
onLoad: function (options) {
},
btn_set(e){
// console.log(e)
// var state=e.currentTarget.dataset.status
this.setData({
status:!this.data.status
})
},
bindRegionChange: function (e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
region: e.detail.value
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
... ...
... ... @@ -11,9 +11,17 @@
</view>
<view class='top_item top_between'>
<view class='top_item_name'>省市/区</view>
<view class='top_item_right'>
<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="top_item_right">
<view>{{region[0]}}，{{region[1]}}，{{region[2]}} </view>
<!-- 箭头图片 -->
<view class='top_item_right_pic'>
<image src='../../../img/right_1.png'></image>
</view>
</view>
</picker>
</view>
<!-- 详细地址 -->
<view class='top_item'>
... ... @@ -29,9 +37,11 @@
<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 class='mid_addr_pic' data-status='{{status}}' bindtap='btn_set'>
<image src="{{status==true?'../../../img/dakai@2x.png':'../../../img/guanbi@2x.png'}}"></image>
</view>
</view>
</view>
... ...
... ... @@ -64,14 +64,23 @@ page{
width: 450rpx;
}
.top_item_right{
width: 508rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 32rpx;
}
.top_item_right_pic{
width: 16rpx;
height: 32rpx;
display: flex;
}
.top_item_right image{
.top_item_right_pic image{
width: 100%;
height: 100%;
}
.top_between{
justify-content: space-between;
}
... ... @@ -125,3 +134,6 @@ page{
width: 100%;
height: 100%;
}
.piker{
width: 300rpx;
}
\ No newline at end of file
... ...
... ... @@ -84,7 +84,7 @@
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='top_left_text'>
<view class='text_color'>
距结束2时22分
</view>
</view>
... ...
... ... @@ -205,3 +205,17 @@
color:rgba(153,153,153,1);
opacity:1;
}
.text_color{
width:208rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:rgba(204,204,204,0.7);
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity: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'>
<image src='../../../img/join.png'></image>
</view>
<view class='bottom'>
<view class='bottom_title'>
平台介绍
</view>
<view class='bottom_text'>
华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界。我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务，与生态伙伴开放合作，持续为客户创造价值，释放个人潜能，丰富家庭生活，激发组织创新。华为坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有18万员工，业务遍及170多个国家和地区。
</view>
<view class='bottom_tel'>
客服电话：400-2774864
</view>
</view>
</view>
\ No newline at end of file
... ...
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 750rpx;
height: 422rpx;
display: flex;
}
.top image{
width: 100%;
height: 100%;
}
.bottom{
display: flex;
flex-flow: column;
box-sizing: border-box;
padding: 50rpx 30rpx 50rpx 32rpx;
}
.bottom_title{
font-size:34rpx;
font-family:汉真广标;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.bottom_text{
margin-top: 22rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
opacity:1;
}
.bottom_tel{
margin-top: 18rpx;
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity: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'>
<textarea placeholder='宝贝满足您的期待吗？说说您的意见或者建议把！' placeholder-style='color:#999999'></textarea>
<view class='top_bottom'>
<view></view>
<view class='top_bottom_right'>
500/500
</view>
</view>
<!-- 图片 -->
<view class='top_item'>
<view class='top_item_pic'>
<image src='../../../img/tianjiatupian@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;
}
.top{
width: 750rpx;
display: flex;
flex-flow: column;
box-sizing: border-box;
padding: 32rpx;
background: #fff;
}
.top textarea{
width: 100%;
height:200rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
opacity:1;
/* background: rosybrown; */
}
.top_bottom{
display: flex;
justify-content: space-between;
}
.top_item{
margin-top: 10rpx;
display: flex;
flex-wrap: wrap;
}
.top_item_pic{
width:128rpx;
height:128rpx;
opacity:1;
display: flex;
margin-top: 30rpx;
margin-right: 40rpx;
}
.top_item_pic image{
width: 100%;
height: 100%;
}
.top_bottom_right{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
}
.bottom{
display: flex;
align-items: center;
justify-content: center;
}
.bottom_btn{
margin-top: 248rpx;
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
... ...
... ... @@ -14,7 +14,26 @@ Page({
onLoad: function (options) {
},
btn_addr(){
wx.navigateTo({
url: '/pages/mine/addr_1/addr_1',
})
},
btn_collect(){
wx.navigateTo({
url: '/pages/mine/collect/collect',
})
},
btn_contactUs(){
wx.navigateTo({
url: '/pages/mine/contactUs/contactUs',
})
},
btn_myOrder(){
wx.navigateTo({
url: '/pages/mine/myOrder/myOrder',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
... ...
... ... @@ -27,7 +27,7 @@
<view class='mid_top_left'>
全部订单
</view>
<view class='mid_top_right'>
<view class='mid_top_right' bindtap='btn_myOrder'>
查看全部订单>
</view>
</view>
... ... @@ -105,7 +105,8 @@
<!-- 条目 -->
<view class='bottom'>
<view class='bottom_item'>
<!-- 地址管理 -->
<view class='bottom_item' bindtap='btn_addr'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
... ... @@ -124,7 +125,8 @@
<image src='../../img/right_1.png'></image>
</view>
</view>
<view class='bottom_item'>
<!-- 我的收藏 -->
<view class='bottom_item' bindtap='btn_collect'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
... ... @@ -143,7 +145,8 @@
<image src='../../img/right_1.png'></image>
</view>
</view>
<view class='bottom_item'>
<!-- 联系我们 -->
<view class='bottom_item' bindtap='btn_contactUs'>
<!-- 左边 -->
<view class='bottom_left'>
<!-- 图片 -->
... ... @@ -154,7 +157,7 @@
</view>
<!-- 文字 -->
<view class='bottom_left_text'>
地址管理
联系我们
</view>
</view>
<!-- 右边 -->
... ...
... ... @@ -14,11 +14,21 @@ Page({
name: '待拼团'
},
{
name: '代发货'
name: '待发货'
},
{
name: '待完成'
}],
},
{
name: '待评价'
},
// {
// name: '已完成'
// },
// {
// name: '已取消'
// }
],
currentTab: 0,
},
... ... @@ -35,6 +45,12 @@ Page({
currentTab: e.currentTarget.dataset.idx,
})
},
//评价按钮
btn_eOrder(){
wx.navigateTo({
url: '/pages/mine/eOrder/eOrder',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
... ...
<view class='container'>
<!-- 顶部菜单栏 -->
<!-- <view class='top'>
<view class='top_item'></view>
</view> -->
<view class="nav mainindex_nav top">
<view wx:for="{{navbar}}" data-idx="{{index}}" class="nav_item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
</view>
</view>
<!-- 中部 -->
<view class='mid'>
<!-- 待付款 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 待付款 -->
<view class='mid_item_top_right'>
待付款
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text'>
距结束23时52分
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 百分比 -->
<view class='mid_right_m'>
<view class='right_m_left'>
<view class='right_m_left_content'></view>
</view>
<view class='right_m_right'>
42%
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_lef'>
已拼300份，目标500份
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
<!-- 下 -->
<view class='mid_item_bottom'>
<view class='mid_item_bottom_lef'>
共2件商品,实付
<span class='color_red'>￥52</span>
</view>
<view class='mid_item_bottom_rig'>
<view class='bottom_btn_left'>取消订单</view>
<view class='bottom_btn_right'>立即付款</view>
</view>
</view>
</view>
<!-- 待拼团 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 待拼团 -->
<view class='mid_item_top_right'>
待拼团
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text'>
距结束23时52分
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 百分比 -->
<view class='mid_right_m'>
<view class='right_m_left'>
<view class='right_m_left_content'></view>
</view>
<view class='right_m_right'>
42%
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_lef'>
已拼300份，目标500份
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
</view>
<!-- 待发货 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 待发货 -->
<view class='mid_item_top_right'>
待发货
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text text_b'>
已结束
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_text'>
拼团成功
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
</view>
<!-- 待完成 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 待完成 -->
<view class='mid_item_top_right'>
待完成
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text text_b'>
已结束
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_text'>
拼团成功
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
<!-- 下 -->
<view class='mid_item_bottom'>
<view class='mid_item_bottom_lef'>
</view>
<view class='mid_item_bottom_rig'>
<view class='bottom_btn_left'>查看物流</view>
<view class='bottom_btn_right'>确认订单</view>
</view>
</view>
</view>
<!-- 待评价 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 待评价 -->
<view class='mid_item_top_right'>
待评价
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text text_b'>
已结束
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_text'>
拼团成功
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
<!-- 下 -->
<view class='mid_item_bottom'>
<view class='mid_item_bottom_lef'>
</view>
<view class='mid_item_bottom_rig'>
<view class='bottom_btn_left' bindtap='btn_eOrder'>去评价</view>
<view class='bottom_btn_right'>确认订单</view>
</view>
</view>
</view>
<!-- 已完成 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 已完成 -->
<view class='mid_item_top_right color_text'>
已完成
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text text_b'>
已结束
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_text'>
拼团成功
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
<!-- 下 -->
<view class='mid_item_bottom'>
<view class='mid_item_bottom_lef'>
</view>
<view class='mid_item_bottom_rig'>
<view></view>
<view class='bottom_btn_delete'>删除</view>
</view>
</view>
</view>
<!-- 已取消 -->
<view class='mid_item'>
<!-- 上 -->
<view class='mid_item_top'>
<!-- 订单号 -->
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='top_left_pic'>
<image src='../../../img/dingdan.png'></image>
</view>
<!-- 订单号 -->
<view class='top_left_text'>
订单号：1003828041
</view>
</view>
<!-- 已取消 -->
<view class='mid_item_top_right color_red'>
已取消
</view>
</view>
<!-- 中 -->
<view class='mid_item_mid'>
<view class='mid_item_mid_left'>
<!-- 图片 -->
<view class='mid_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<!-- 文字 -->
<view class='mid_left_text text_b'>
已结束
</view>
</view>
<!-- 中——右边 -->
<view class='mid_item_mid_right'>
<view class='mid_right_top'>
<view class='right_top_lef'>纯进口有机菜花</view>
<view class='right_top_rig'>
<span class='price_small'>￥</span>
<span class='font_big'>52</span>
<span class='font_small'>.00</span>
</view>
</view>
<!-- 拼团份数 -->
<view class='mid_right_bottom'>
<view class='mid_right_bottom_text'>
拼团成功
</view>
<view class='mid_right_bottom_rig'>
x4
</view>
</view>
</view>
</view>
<!-- 下 -->
<view class='mid_item_bottom'>
<view class='mid_item_bottom_lef'>
</view>
<view class='mid_item_bottom_rig'>
<view></view>
<view class='bottom_btn_delete'>删除</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background:rgba(247,247,247,1);
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
position: relative;
}
.top{
width: 750rpx;
... ... @@ -34,6 +38,271 @@
position: absolute;
left: 0;
right: 0;
bottom: -20rpx;
bottom: -15rpx;
margin: 0 auto;
}
.mid{
width:750rpx;
height:3056rpx;
background:rgba(247,247,247,1);
opacity:1;
border-radius:8rpx;
position: absolute;
top: 77rpx;
display: flex;
align-items: center;
flex-flow: column;
}
.mid_item{
margin-top: 16rpx;
width:688rpx;
background:rgba(255,255,255,1);
opacity:1;
border-radius:8rpx;
}
.mid_item_top{
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx 18rpx;
border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_top_left{
display: flex;
}
.top_left_pic{
width: 28rpx;
height: 32rpx;
display: flex;
}
.top_left_pic image{
width: 100%;
height: 100%;
}
.top_left_text{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
margin-left: 8rpx;
}
.mid_item_top_right{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.mid_item_mid{
display: flex;
padding: 32rpx 18rpx;
border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_mid_left{
width:144rpx;
height:144rpx;
background:rgba(250,250,250,1);
opacity:1;
display: flex;
flex-flow: column;
}
.mid_left_pic{
width: 144rpx;
height: 114rpx;
display: flex;
}
.mid_left_pic image{
width: 100%;
height: 100%;
}
.mid_left_text{
width:144rpx;
height:32rpx;
line-height: 32rpx;
background:rgba(251,4,4,0.2);
text-align: center;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity:1;
}
.text_b{
width:144rpx;
height:32rpx;
line-height: 32rpx;
background:rgba(204,204,204,0.2);
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity:1;
}
.mid_item_mid_right{
width: 100%;
display: flex;
flex-flow: column;
margin-left: 16rpx;
}
.mid_right_top{
display: flex;
justify-content: space-between;
}
.right_top_lef{
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
}
.right_top_rig{
color: #FF0000;
}
.price_small{
font-size: 28rpx;
}
.font_big{
font-size: 38rpx;
}
.font_small{
font-size: 28rpx;
}
.mid_right_m{
margin-top: 16rpx;
display: flex;
align-items: center;
}
.right_m_left{
width:350rpx;
height:16rpx;
background:rgba(236,236,236,1);
opacity:1;
border-radius:8rpx;
}
.right_m_left_content{
width:284rpx;
height:16rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:8rpx;
}
.right_m_right{
margin-left: 34rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(181,222,150,1);
opacity:1;
}
.mid_right_bottom{
display: flex;
justify-content: space-between;
margin-top: 6rpx;
}
.mid_right_bottom_lef{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(204,204,204,1);
opacity:1;
}
.mid_right_bottom_rig{
margin-top: 10rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(153,153,153,1);
opacity:1;
}
.mid_item_bottom{
display: flex;
justify-content: space-between;
padding: 32rpx 18rpx;
border-bottom: 2rpx solid #F5F5F5;
}
.mid_item_bottom_lef{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
opacity:1;
}
.color_red{
color: #FE231D;
}
.mid_item_bottom_rig{
display: flex;
justify-content: space-between;
}
.bottom_btn_left{
width:144rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:rgba(255,255,255,1);
border:2rpx solid rgba(230,230,230,1);
border-radius:244rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
opacity:1;
}
.bottom_btn_right{
margin-left: 32rpx;
width:144rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:linear-gradient(270deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
box-shadow:0rpx 6rpx 20rpx rgba(126,254,29,0.15);
opacity:1;
border-radius:200rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_right_bottom_text{
width:112rpx;
height:32rpx;
line-height: 32rpx;
text-align: center;
background:rgba(110,172,61,0.3);
border-radius:16rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.color_text{
color: #999999;
}
.bottom_btn_delete{
width:144rpx;
height:48rpx;
line-height:48rpx;
text-align:center;
background:rgba(255,255,255,1);
border:2rpx solid rgba(230,230,230,1);
border-radius:244rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
opacity:1;
}
\ No newline at end of file
... ...
... ... @@ -37,7 +37,7 @@
"list": []
},
"miniprogram": {
"current": 4,
"current": 6,
"list": [
{
"id": -1,
... ... @@ -71,6 +71,20 @@
"id": -1,
"name": "我的订单",
"pathName": "pages/mine/myOrder/myOrder",
"query": "",
"scene": null
},
{
"id": -1,
"name": "评价订单",
"pathName": "pages/mine/eOrder/eOrder",
"query": "",
"scene": null
},
{
"id": -1,
"name": "加入我们",
"pathName": "pages/mine/contactUs/contactUs",
"scene": null
}
]
... ...