theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

gdpaoup

Browse Source
This commit is contained in:
Gdpao
2020-08-12 22:00:01 +08:00
parent 529325e203
commit 6d4d8c5675
5 changed files with 609 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
pages/mine/index.vue
View File

@@ -47,7 +47,7 @@
<view class="title-text">我的订单</view>
<view class="more" @click="toOtherPage('/order/Index')">
<view class="title-text-more">查看全部订单</view>
<image src="/static/image/mine/21.png"></image>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view>
<view class="content">
@@ -180,7 +180,7 @@ export default {
.mine-top {
// width: 100%;
height: 272rpx;
background: #FF780F;
background-color: #F0AD4E;
.top {
padding: 40rpx 0 0 30rpx;
display: flex;
@@ -242,13 +242,11 @@ export default {
}
}
.bottom {
box-sizing: border-box;
padding: 0 30rpx;
display: flex;
// justify-content: space-between;
justify-content: flex-start;
justify-content: space-around;
padding: 0 10rpx;
box-sizing: border-box;
> view {
margin-right: 80rpx;
text-align: center;
font-size: 26rpx;
font-weight: 500;
@@ -268,35 +266,35 @@ export default {
}
@mixin common-mine($content-padding-top, $content-padding-bottom, $image-width, $image-height) {
box-sizing: border-box;
width: 690rpx;
width: 750rpx;
background: rgba(255,255,255,1);
border-radius: 10rpx;
margin: 30rpx auto 0;
padding: 0 20rpx;
// border-radius: 10rpx;
margin: 20rpx auto 0;
.title {
height: 76rpx;
font-size: 28rpx;
color: #666;
position: relative;
display: flex;
align-items: center;
&::after {
content: "";
position: absolute;
width: 650rpx;
height: 1rpx;
background: rgba(234,234,234,1);
bottom: 0;
left: 50%;
transform: translate(-50%,0);
}
height: 76rpx;
padding: 0 20rpx;
font-size: 28rpx;
color: #666;
border-bottom: 1px solid #ececec;
// &::after {
// content: "";
// position: absolute;
// width: 650rpx;
// height: 1rpx;
// background: rgba(234,234,234,1);
// bottom: 0;
// left: 50%;
// transform: translate(-50%,0);
// }
}
.title-text-more {
font-size: 24rpx;
color: #999;
}
.content {
padding: $content-padding-top 0 $content-padding-bottom;
padding: $content-padding-top 20rpx $content-padding-bottom;
display: flex;
> view {
text-align: center;