tijiao
This commit is contained in:
356
unpackage/dist/dev/mp-weixin/pages/TaihuPublicWelfare/index/index.wxss
vendored
Normal file
356
unpackage/dist/dev/mp-weixin/pages/TaihuPublicWelfare/index/index.wxss
vendored
Normal file
@@ -0,0 +1,356 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
@-webkit-keyframes example1-data-v-23d3ef4e {
|
||||
0% {
|
||||
-webkit-transform: translate(-100px);
|
||||
transform: translate(-100px);
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translate();
|
||||
transform: translate();
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translate(0);
|
||||
transform: translate(0);
|
||||
}
|
||||
}
|
||||
@keyframes example1-data-v-23d3ef4e {
|
||||
0% {
|
||||
-webkit-transform: translate(-100px);
|
||||
transform: translate(-100px);
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translate();
|
||||
transform: translate();
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translate(0);
|
||||
transform: translate(0);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* uni.scss */
|
||||
/* 颜色变量 */
|
||||
/* 主要颜色 */
|
||||
/* 文本颜色 */
|
||||
/* 其它颜色 */
|
||||
.header_box.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 320rpx;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
color: #fff;
|
||||
font-size: 80rpx;
|
||||
}
|
||||
.cate_box.data-v-23d3ef4e {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
padding: 0 !important;
|
||||
padding-top: 40rpx;
|
||||
}
|
||||
.cate_box .icon_bg.data-v-23d3ef4e {
|
||||
width: 48%;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #018f89;
|
||||
font-size: 48rpx;
|
||||
}
|
||||
.main_content_box.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: calc(100vh - 320rpx);
|
||||
background-color: rgba(255, 255, 255, 0.65);
|
||||
padding: 27rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.main_content_box .curriculum_box.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: space-around;
|
||||
justify-content: space-around;
|
||||
padding: 0px 37rpx 17rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.main_content_box .curriculum_box .curriculum_item_box.data-v-23d3ef4e {
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.main_content_box .curriculum_box .curriculum_item_box .curriculum_item_img.data-v-23d3ef4e {
|
||||
width: 39rpx;
|
||||
height: 38rpx;
|
||||
float: left;
|
||||
}
|
||||
.main_content_box .curriculum_box .curriculum_item_box .curriculum_item_name.data-v-23d3ef4e {
|
||||
margin-top: -10rpx;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
color: #001b73;
|
||||
margin-left: 21rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_box.data-v-23d3ef4e {
|
||||
height: calc(100% - 100rpx);
|
||||
width: 100%;
|
||||
margin-top: 33rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_box .flash_sale_top.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 61rpx;
|
||||
background: #b7e0e2;
|
||||
box-shadow: 0rpx 0rpx 6rpx 0rpx #e9dccc;
|
||||
border-radius: 7rpx;
|
||||
padding: 3rpx 18rpx 3rpx 10rpx;
|
||||
box-sizing: border-box;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
margin-bottom: 21rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_box .flash_sale_top .miaoShaIcon.data-v-23d3ef4e {
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_box .flash_sale_top .miaoShaTitle.data-v-23d3ef4e {
|
||||
margin-right: 25rpx;
|
||||
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
|
||||
font-weight: normal;
|
||||
font-size: 35rpx;
|
||||
color: #018f89;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_box .flash_sale_top .miaoShaContent.data-v-23d3ef4e {
|
||||
width: calc(100% - 172rpx);
|
||||
margin-top: 1rpx;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 600;
|
||||
font-size: 21rpx;
|
||||
color: #018f89;
|
||||
}
|
||||
.main_content_box .flash_sale_content.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.main_content_box .flash_sale_content .flash_sale_content_item.data-v-23d3ef4e {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 48%;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 4%;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_content .active_price.data-v-23d3ef4e {
|
||||
position: absolute;
|
||||
top: 0rpx;
|
||||
right: 0rpx;
|
||||
width: 70rpx;
|
||||
height: 72rpx;
|
||||
background-repeat: no-repeat;
|
||||
line-height: 50rpx;
|
||||
background-size: 100% 100%;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAYAAADRcLDBAAAAAXNSR0IArs4c6QAABT5JREFUWEetWG2IVGUUfs57587Oxjpr637MilpiamxpoBh9qBiGWSS51ppgQhZtthCoRP2wYn5ERSqBqShFH4uUpkG4mhlCCqZERkRG+6fQNmfd2U93dGd279z3xL137uw7M3fm7sDeHzN33vd8POec55z3ZSi+BBFjQD8mEnw/SQCE0g9nti05991aUn/n27Dk1DUGTA0spuJ4qDL9EsXm61tpgHcDEAXe8x2pAu5eKZli4bg6Gka5TrxAsTn6QbrBrR4QfFIyCdsMcB3tpthdwaN0g5/xLUO5PvPLo5ZOsSXr6HO6Nie4kxL8GvlxoVwQE5NnqqMdFFtQ8TL65H5yOeGF2AVYJBpPf6V03CwFMMINtJG6lwTv4eu4QGmEswyfjKzkd4SL1F23vkN0NThTLKP4ClSl/6v4lZI8b2IZnCQpi5Rh8eNoKvUEcQu07r8qv6AhudE275eFYhFauqX2VOxOWSVH9PcaL918y3bZs/C2NnlDfgQus1Hz6+4XgAKEBCURCayPXEycsNXiy6uWy27ZwQaHvbJRzlxScRV0nErsEF2RDdrj088mOm2dq0urb68Ykj8jKecWLUcZUfqyhhk8JXA6HRpunnkRSdv0n00I1oarD/Og2exrYHLASNTqHxw4P7gjCsisyevLarbSUHoXS2hZIH4O/faLRSQoSY0VzQ3fx0/n9ELPYw2Pcv/YMRhcPWEQrmBJMIWbHKQuURN4pOFU/O8cEL3rahvNXnEGqXSTQ06fMH0dq2d+Bq2lIxkcEh1crW+Y3hEbyQHBTQj2zGo8jGFzrTMtuDSQYiBKtq1llpmr9XcaT157uyCRlsv4uju2Y9B4n4GA79DyzYQSvf2ayQxTkmrF2oYjXT94VjO2fvbywC3ZwVI68yLnIf9pWmDV4xTTKGZMrVw4o72z3xPEwKamWUZq7CQMvteiRMFNziP6/IuV/Zsom8jsJLcrAVCQvrvVbTw9++yVlCcIbl2s9yZH2smQz1ryBdNzIiUoKmPDY0l4M3Ko8101yQUqvW33beMRuRMEjcDZqNQT2IKXn4FxzI4kg0FkfefI3kJIa6nf+9upHBB925esBMTdEIIkTAiJeTya3gKGbqvnw/TrCq/Dx+40u+2Hha7vMjU5AFMQaaYhK0N/UN8bD/8CUy7K4SCD2C6rQqwC5+PVYmXP4UTGmp2GTM4sa056rE83PcwBcY76oys+Y4M3Wen3bksXi8fwyU6afBQuo/LW1UgdgCnWeA8ldq6qH5N4hZk2EXAnM9tnRzYYd3K66N3A7O5xmZGRdrmSwZvlBDkLyp0nDdBl1vjjxHDqS1uboysCQzXhBaZEKxGaibie1T4rHBoZlE4r2i5UphbhDRFJZnSB0G5Cttf1Hv+Hosop6oBpCQ5FzAcgtG2SsJrAodwzpJh1ZTp63MjtJmEME/A1G8a+qTWBy7T+qOk5J9zF+L6Wqoop+pNSiFcFYTEzVzikz4BQS6N2gz2NxtPiOKcRBs4Rm3sGxmLnZm8+mx1SJUG4m/2HNs7Q9OAG0sVmMOYDyl1DJU7OfHQ2iDDGwO8EuR+B5Inwmq/6vKqaY6aYAEch+he3zgtq2osAPw/QNLYJ4xJzXDOTBAnCv2AcGDP50LQ1B2LKCeDppuQgVjUuHWzV586tXCSAbQxeDUbYqU+WBFYtepnwjZByb9XKaZ1EUevPBt9nwiBcS3z+9Sk35egqSGpjxoMAhQDcJMIZU5r7qkPaBXrow6SvZ0WgbBCubuKnLfVshJ4D8BQDn4QDw9/S0k8T5Th3Zf8HsULvraTSvRgAAAAASUVORK5CYII=);
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.main_content_box .flash_sale_content .flash_sale_content_item.data-v-23d3ef4e:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.main_content_box .flash_sale_content .book_image.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 192rpx;
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.main_content_box .flash_sale_content .book_content.data-v-23d3ef4e {
|
||||
padding: 20rpx 15rpx 10rpx;
|
||||
}
|
||||
.main_content_box .flash_sale_content .book_name.data-v-23d3ef4e {
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 600;
|
||||
font-size: 26rpx;
|
||||
line-height: 24rpx;
|
||||
height: 50rpx;
|
||||
color: #020001;
|
||||
letter-spacing: 1rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.scroll-X.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.commonPageBox.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(/static/icon/taihubg.png);
|
||||
}
|
||||
.noticeIcon.data-v-23d3ef4e {
|
||||
width: 20rpx;
|
||||
}
|
||||
.u-notice-bar.data-v-23d3ef4e {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.bottomBox.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.bottomBox .item_img.data-v-23d3ef4e {
|
||||
width: 48% !important;
|
||||
height: 100%;
|
||||
}
|
||||
.bottomBox .item_img image.data-v-23d3ef4e {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.book_price.data-v-23d3ef4e {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.book_price_current.data-v-23d3ef4e {
|
||||
color: #ff5b36;
|
||||
font-weight: bold;
|
||||
}
|
||||
.book_price_current .price_icon.data-v-23d3ef4e {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.book_price_old.data-v-23d3ef4e {
|
||||
color: #9c9a9b;
|
||||
font-size: 20rpx;
|
||||
margin-left: 10rpx;
|
||||
font-weight: normal;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.sumSales.data-v-23d3ef4e {
|
||||
color: #6c6c6c;
|
||||
font-size: 20rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
.bottom.data-v-23d3ef4e {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.data-v-23d3ef4e .list_item {
|
||||
background-color: #fff;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-align: center !important;
|
||||
-webkit-align-items: center !important;
|
||||
align-items: center !important;
|
||||
border-bottom: none;
|
||||
padding: 10rpx 0 !important;
|
||||
padding-right: 10rpx !important;
|
||||
margin-bottom: 10rpx;
|
||||
border-radius: 10rpx;
|
||||
padding-left: 20rpx !important;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #020001;
|
||||
}
|
||||
.data-v-23d3ef4e .list_item .rightArrow {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
.data-v-23d3ef4e .scroll-view-item:nth-child(2n-1) {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user