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/MyCoupon/MyCoupon.wxss

236 lines
35 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-79114ac6 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
}
/* 优惠券tab */
.coupon-tab.data-v-79114ac6 {
position: fixed;
left: 0;
top: 0;
z-index: 10;
display: flex;
align-items: center;
width: 100%;
height: 80rpx;
background-color: #236030;
}
.coupon-tab .tab.data-v-79114ac6 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 33%;
height: 100%;
}
.coupon-tab .tab text.data-v-79114ac6 {
font-size: 26rpx;
color: #4D9A5E;
}
.coupon-tab .action text.data-v-79114ac6 {
color: #ffffff;
font-weight: bold;
}
.coupon-tab .action .line.data-v-79114ac6 {
position: absolute;
left: 50%;
bottom: 2rpx;
width: 30%;
height: 6rpx;
background: #ffffff;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
/* 优惠券 */
.coupon-list.data-v-79114ac6 {
padding: 20rpx 4%;
margin: 120rpx auto 0;
background-color: #ffffff;
}
.coupon-list .list.data-v-79114ac6 {
position: relative;
width: 100%;
min-height: 200rpx;
box-shadow: 0 0 14rpx rgba(0, 0, 0, 0.1);
border-radius: 6rpx;
margin-bottom: 20rpx;
overflow: hidden;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArIAAADECAMAAABUQzJHAAABXFBMVEUAAAD41Kv99/L++fX58Ojp1MD++fX/pjT/pjTp1MDz1K736t7259r/pzT/pjTq1b/99/Pw3cz359z++vf259v/pjT++fb99/P79fH9+PX89vLy4Mz79vPo0bry4c3nz7jlzbXkzLTmzrXkzLX/pjTo0Ljp07vz4tHnz7fy4c/z49Hmzrfz4tDj0cXp0rn78+v47eLm1svy4dDl1Mj159jy38305dXq1Lzk08f89fD57+bz49P159fl1crp0rvk08jlzrbq07z05NX26Nr58er36t3369/79O7n18z26dz05NL47OH68ej57+f89fL26dv78+336+D++PX89e/z49T57uTn2M726t/15tn68Ofz4c/47ub05df05dT58On37eL99vL99vP47eT16Nz79O337uT259rp2s/78erf4/Ls18Lf5PPu28bw3crg5PPv49vr3tXz6eL37ubf4/HMS3f6AAAAFnRSTlMAESOsWeN06ZORN5DpsWOvpXiw29PToD1OygAAVYFJREFUeNrMnd1vXDUQxZOGli9BQYhufLvpUxRUVC08ABGoWmkpNCpp1ORWUZUiaBRFqKDy/78yHtt77Du+HvsmrTjNZvdmfcKHfszOHHuXjVQf3dr64nh+p15mRuq6udUsyD42iqPTHGZmaGmQMeEqWbe5IbQZls0GDsg+YXLCEumgP7rD/9D+GEvKMn1YZY39mKE3+FfQnXekH0nPnz8/ODi4vDw+/sbrl19+eco6Ozs6OvrJ6/T09Nugw8OTw5OTx6xfrZ48efLM6tGjR989+o71kPUD6Y8//vj5N6uvnR6Q7j+49/LevXt33+y/be3dvHn78482RnXj4y/utGo2A7MJgqojxZweZdAGtLhI1t3I/FOUHACrDVlHSxWyrAZmezBLxPZ93mFYM6fOioF1yILY1zGxZ0cAFsgeErIlYgHsQxBLYl6JWBLxCmLfgW5+uJkFdvMzYFYt45iTCJqrOkyolQm0w3XvbQi9JzDPcsVP1RPLFp3xwVPZZdLRh1WGLnt3lSmx/l/GeXcOYrnGXooae0Y6OjpbE3sBYLnIOmAfM7EkCywJJRY19ue4xj5g3X/JxP6z/+60zEH76ft3JshWxxRB8JdXV+kAdGl7kK7b2hDa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
background-size: cover;
}
.coupon-list .list .list-data.data-v-79114ac6 {
display: flex;
align-items: center;
width: 100%;
height: 200rpx;
}
.coupon-list .list .list-data .coupon-price.data-v-79114ac6 {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 30%;
height: 100%;
}
.coupon-list .list .list-data .coupon-price .discounts.data-v-79114ac6 {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.coupon-list .list .list-data .coupon-price .discounts .min.data-v-79114ac6 {
color: #343734;
font-size: 32rpx;
font-weight: bold;
}
.coupon-list .list .list-data .coupon-price .discounts .max.data-v-79114ac6 {
font-size: 56rpx;
color: #343734;
font-weight: bold;
}
.coupon-list .list .list-data .coupon-price .full-reduction.data-v-79114ac6 {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 60rpx;
}
.coupon-list .list .list-data .coupon-price .full-reduction text.data-v-79114ac6 {
font-size: 26rpx;
color: #343734;
}
.coupon-list .list .list-data .coupon-info.data-v-79114ac6 {
width: 70%;
height: 90%;
padding: 0 4%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.coupon-list .list .list-data .coupon-info .info-title.data-v-79114ac6 {
width: 100%;
height: 60rpx;
}
.coupon-list .list .list-data .coupon-info .info-title .tag.data-v-79114ac6 {
font-size: 34rpx;
color: #343734;
font-weight: 700;
margin-bottom: 16rpx;
}
.coupon-list .list .list-data .coupon-info .date-get.data-v-79114ac6 {
width: 100%;
height: 80rpx;
}
.coupon-list .list .list-data .coupon-info .date-get .title text.data-v-79114ac6 {
font-size: 24rpx;
color: #6e4936;
}
.coupon-list .list .list-data .coupon-info .date-get .date.data-v-79114ac6 {
display: flex;
align-items: center;
}
.coupon-list .list .list-data .coupon-info .date-get .date text.data-v-79114ac6 {
font-size: 24rpx;
color: #6e4936;
}
.coupon-list .list .coupon-lose .coupon-price.data-v-79114ac6 {
background-color: #c0c0c0;
}
.coupon-list .list .coupon-lose .coupon-price .jag.data-v-79114ac6 {
position: absolute;
top: 0;
left: -6rpx;
width: 6px;
height: 100%;
background-size: 10px 6px;
background-color: #fff;
background-position: 100% 35%;
background-image: linear-gradient(-45deg, #c0c0c0 25%, transparent 25%, transparent), linear-gradient(-135deg, #c0c0c0 25%, transparent 25%, transparent), linear-gradient(-45deg, transparent 75%, #c0c0c0 75%), linear-gradient(-135deg, transparent 75%, #c0c0c0 75%);
}
.coupon-list .list .coupon-lose .coupon-info .info-title .tag text.data-v-79114ac6 {
background-color: #c0c0c0;
}
.coupon-list .list .coupon-lose .coupon-info .info-title .title text.data-v-79114ac6 {
color: #c0c0c0;
}
.coupon-list .list .coupon-lose .coupon-info .date-get .date text.data-v-79114ac6 {
color: #c0c0c0;
}
.coupon-list .list .describe.data-v-79114ac6 {
display: flex;
align-items: center;
padding: 0 4%;
height: 60rpx;
background-color: #FFFFFF;
box-shadow: 0 -10rpx 10rpx #F5F5F5;
}
.coupon-list .list .describe text.data-v-79114ac6 {
color: #CCCCCC;
font-size: 24rpx;
}
.coupon-list .list .use-status.data-v-79114ac6 {
position: absolute;
right: -20rpx;
top: -25rpx;
z-index: 10;
width: 100rpx;
height: 100rpx;
border: 2rpx solid #c0c0c0;
border-radius: 100%;
}
.coupon-list .list .use-status text.data-v-79114ac6 {
display: inline-block;
color: #c0c0c0;
font-size: 24rpx;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 40rpx;
}
.empty.data-v-79114ac6 {
text-align: center;
width: 80%;
margin: 0 auto;
}
.empty image.data-v-79114ac6 {
width: 400rpx;
height: auto;
}
.empty .emptyText.data-v-79114ac6 {
text-align: center;
}
.empty.data-v-79114ac6 {
margin-top: 20%;
}