119 lines
75 KiB
CSS
119 lines
75 KiB
CSS
|
/**
|
||
|
|
* 这里是uni-app内置的常用样式变量
|
||
|
|
*
|
||
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
/* uni.scss */
|
||
|
|
/**
|
||
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
|
|
*
|
||
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
|
|
*/
|
||
|
|
/* 颜色变量 */
|
||
|
|
/* 行为相关颜色 */
|
||
|
|
/* 文字基本颜色 */
|
||
|
|
/* 背景颜色 */
|
||
|
|
/* 边框颜色 */
|
||
|
|
/* 尺寸变量 */
|
||
|
|
/* 文字尺寸 */
|
||
|
|
/* 图片尺寸 */
|
||
|
|
/* Border Radius */
|
||
|
|
/* 水平间距 */
|
||
|
|
/* 垂直间距 */
|
||
|
|
.mine_coupon {
|
||
|
|
height: 100vh;
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_header {
|
||
|
|
background: #FFFFFF;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 1.5625rem 0 0.625rem;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_header .tab_item {
|
||
|
|
width: 33%;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 0.9375rem;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_header .tab_item_sel {
|
||
|
|
color: #222222;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_header .tab_item_but {
|
||
|
|
width: 20%;
|
||
|
|
height: 0.1875rem;
|
||
|
|
background: #FF7C41;
|
||
|
|
margin-left: 40%;
|
||
|
|
margin-top: 0.0625rem;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content {
|
||
|
|
padding: 0.9375rem;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list .tab_item {
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 0.3125rem;
|
||
|
|
padding: 0.3125rem 0.625rem;
|
||
|
|
text-align: center;
|
||
|
|
margin-right: 0.625rem;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list .tab_item_sel {
|
||
|
|
background: rgba(255, 124, 65, 0.1);
|
||
|
|
border: 1px solid #FF7C41;
|
||
|
|
color: #FF7C41;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .tab_list_content_item {
|
||
|
|
height: 5.9375rem;
|
||
|
|
background-image: url("data:image/png;base64,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
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-position: center;
|
||
|
|
/* 将图片居中显示 */
|
||
|
|
color: #ffffff;
|
||
|
|
margin-top: 0.625rem;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0.9375rem;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .left_ {
|
||
|
|
color: #222222;
|
||
|
|
display: grid;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .left_ .title {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 0.875rem;
|
||
|
|
color: #222222;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .left_ .time {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 0.6875rem;
|
||
|
|
color: #222222;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .right_ {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .right_ .amount_ {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.375rem;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .right_ .max_out {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 0.6875rem;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
.mine_coupon .tab_content .tab_list_content .right_ .use_but {
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 0.625rem;
|
||
|
|
padding: 0.3125rem 0.9375rem;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 0.625rem;
|
||
|
|
color: #FF4141;
|
||
|
|
margin-top: 0.625rem;
|
||
|
|
}
|