You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
huazhiyu/unpackage/dist/dev/mp-weixin/pages/my/my.wxss

324 lines
31 KiB

1 year ago
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 主要颜色 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page.data-v-0be17cc6 {
position: absolute;
width: 100%;
padding-bottom: 140rpx;
background-color: #f6f6f6;
}
.my-top.data-v-0be17cc6 {
position: relative;
width: 100%;
overflow: hidden;
/* 用户信息 */
/* 订单信息 */
/* 关注区 */
}
.my-top .head.data-v-0be17cc6 {
position: fixed;
left: 0;
top: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100rpx;
height: calc(200rpx + 25px);
padding-top: calc(100rpx + 25px);
background-color: rgba(255, 255, 255, 0);
}
.my-top .head .portrait.data-v-0be17cc6 {
display: flex;
width: 60rpx;
height: 60rpx;
margin-left: 20rpx;
}
.my-top .head .portrait image.data-v-0be17cc6 {
width: 100%;
height: auto;
border-radius: 100%;
}
.my-top .head .title.data-v-0be17cc6 {
display: flex;
align-items: center;
}
.my-top .head .title text.data-v-0be17cc6 {
color: #212121;
font-size: 28rpx;
}
.my-top .head .setting-mess.data-v-0be17cc6 {
display: flex;
align-items: center;
height: 100%;
margin-right: 20rpx;
}
.my-top .head .setting-mess .setting.data-v-0be17cc6 {
display: flex;
justify-content: center;
align-items: center;
width: 80rpx;
height: 100%;
}
.my-top .head .setting-mess .setting text.data-v-0be17cc6 {
color: #FFFFFF;
font-size: 38rpx;
}
.my-top .head .setting-mess .mess.data-v-0be17cc6 {
display: flex;
justify-content: center;
align-items: center;
width: 80rpx;
height: 100%;
}
.my-top .head .setting-mess .mess text.data-v-0be17cc6 {
color: #FFFFFF;
font-size: 38rpx;
}
.my-top .user-info.data-v-0be17cc6 {
display: flex;
align-items: center;
padding: 0 5%;
height: 120rpx;
margin-top: 160rpx;
margin-top: 200rpx;
}
.my-top .user-info .portrait.data-v-0be17cc6 {
width: 120rpx;
height: 120rpx;
margin-right: 20rpx;
box-sizing: border-box;
position: relative;
border-radius: 50%;
overflow: hidden;
border: 4rpx solid #236030;
padding: 4rpx;
}
.my-top .user-info .portrait image.data-v-0be17cc6 {
width: 100%;
height: 100%;
box-sizing: border-box;
}
.my-top .user-info .portrait .right.data-v-0be17cc6 {
position: absolute;
z-index: 999;
top: 50%;
right: 0px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.my-top .user-info .info.data-v-0be17cc6 {
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
height: 100%;
}
.my-top .user-info .info .nickname.data-v-0be17cc6 {
width: 100%;
padding: 10rpx 0;
}
.my-top .user-info .info .nickname text.data-v-0be17cc6 {
color: #236030;
font-weight: bold;
font-size: 28rpx;
}
.my-top .order-info.data-v-0be17cc6 {
display: flex;
flex-direction: column;
justify-content: space-around;
height: 258rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
margin: 0 10px;
position: relative;
background-image: url(data:image/png;base64,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
background-size: cover;
margin-top: 30rpx;
}
.my-top .order-info .shopTop.data-v-0be17cc6 {
margin: 0 26rpx;
padding: 0 14rpx 14rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eaeaea;
}
.my-top .order-info .shopTop .star.data-v-0be17cc6 {
display: flex;
align-items: center;
}
.my-top .order-info .shopTop .star text.data-v-0be17cc6 {
font-size: 28rpx;
color: #ffffff;
margin-left: 10rpx;
}
.my-top .order-info .shopItem.data-v-0be17cc6 {
display: flex;
align-items: center;
justify-content: space-around;
}
.my-top .order-info .list.data-v-0be17cc6 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 20%;
height: 100%;
}
.my-top .order-info .list .icon.data-v-0be17cc6 {
position: relative;
display: flex;
align-items: center;
}
.my-top .order-info .list .icon image.data-v-0be17cc6 {
height: 66rpx;
width: auto;
}
.my-top .order-info .list .icon .num.data-v-0be17cc6 {
position: absolute;
right: -20rpx;
top: -20rpx;
padding: 4rpx;
font-size: 18rpx;
color: #236030;
border: 2rpx solid #236030;
border-radius: 100%;
background-color: #FFFFFF;
}
.my-top .order-info .list .title.data-v-0be17cc6 {
display: flex;
align-items: center;
margin-top: 10rpx;
}
.my-top .order-info .list .title text.data-v-0be17cc6 {
color: #ffffff;
font-size: 24rpx;
}
.my-top .focus-area.data-v-0be17cc6 {
display: flex;
align-items: center;
width: 100%;
height: 120rpx;
}
.my-top .focus-area .list.data-v-0be17cc6 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 33%;
height: 100%;
}
.my-top .focus-area .list .num.data-v-0be17cc6 {
display: flex;
align-items: center;
}
.my-top .focus-area .list .num text.data-v-0be17cc6 {
color: #FFFFFF;
font-size: 32rpx;
font-weight: bold;
}
.my-top .focus-area .list .title.data-v-0be17cc6 {
display: flex;
align-items: center;
margin-top: 5rpx;
}
.my-top .focus-area .list .title text.data-v-0be17cc6 {
color: #FFFFFF;
font-size: 24rpx;
}
/* 钱包 */
.wallet-info.data-v-0be17cc6 {
margin: 0 10px;
margin-top: 20rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
height: 258rpx;
border-radius: 20rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.wallet-info .fangmian.data-v-0be17cc6 {
margin: 0 26rpx;
padding: 0 14rpx 14rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eaeaea;
color: #236030;
font-size: 28rpx;
}
.wallet-info .infoContainer.data-v-0be17cc6 {
display: flex;
align-items: center;
justify-content: space-around;
}
.wallet-info .list.data-v-0be17cc6 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
height: 100%;
}
.wallet-info .list .icon.data-v-0be17cc6 {
position: relative;
display: flex;
align-items: center;
}
.wallet-info .list .icon image.data-v-0be17cc6 {
height: 66rpx;
width: auto;
}
.wallet-info .list .icon .number.data-v-0be17cc6 {
font-size: 28rpx;
color: #212121;
font-weight: bold;
}
.wallet-info .list .title.data-v-0be17cc6 {
display: flex;
align-items: center;
margin-top: 10rpx;
}
.wallet-info .list .title text.data-v-0be17cc6 {
color: #333333;
font-size: 24rpx;
}
.card.data-v-0be17cc6 {
margin: 0 10px;
margin-top: 20rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
overflow: hidden;
}
.data-v-0be17cc6 .u-cell__body {
padding: 30rpx !important;
}