2025-05-28 16:22:03 +08:00
|
|
|
|
/**
|
|
|
|
|
* 这里是uni-app内置的常用样式变量
|
|
|
|
|
*
|
|
|
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|
|
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
/**
|
|
|
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|
|
|
|
*
|
|
|
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|
|
|
|
*/
|
|
|
|
|
/* 颜色变量 */
|
|
|
|
|
/* 底部tabbar */
|
|
|
|
|
/* 我的页面账户信息背景 */
|
|
|
|
|
/* 主题色 */
|
|
|
|
|
/* 页面背景色 */
|
|
|
|
|
/* 文字颜色 */
|
|
|
|
|
/* 背景棕色 */
|
|
|
|
|
/* 按钮颜色 */
|
|
|
|
|
scroll-view ::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
width: 0 !important;
|
|
|
|
|
height: 0 !important;
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
.navbar-title {
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.scroll-view_H {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.title-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: absolute;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.title-content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0rpx;
|
|
|
|
|
left: 0rpx;
|
|
|
|
|
padding: 0rpx 30rpx 30rpx 30rpx;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.bg-title {
|
|
|
|
|
background-image: url("data:image/png;base64,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
|
|
|
|
|
background-size: cover;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: center;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 520rpx;
|
|
|
|
|
}
|
|
|
|
|
.content-up {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
border-top-left-radius: 10rpx;
|
|
|
|
|
border-top-right-radius: 10rpx;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
margin-top: 30rpx;
|
|
|
|
|
box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(206, 206, 206, 0.4);
|
|
|
|
|
}
|
|
|
|
|
.content-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
.container-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
height: 80px;
|
|
|
|
|
}
|
|
|
|
|
.title-func {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
}
|
|
|
|
|
.create-btn {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex: 2.5;
|
|
|
|
|
background-color: #FFE5BC;
|
|
|
|
|
color: #550101;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.create-btn:active {
|
|
|
|
|
background-color: #FFE5BC79;
|
|
|
|
|
}
|
|
|
|
|
.buy-btn {
|
|
|
|
|
margin-left: 20rpx;
|
|
|
|
|
line-height: 78px;
|
|
|
|
|
width: 80px;
|
|
|
|
|
height: 78px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
background-color: #4EAF79;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-family: PingFangSC-regular;
|
|
|
|
|
}
|
|
|
|
|
.buy-btn:active {
|
|
|
|
|
background-color: #4EAF7979;
|
|
|
|
|
}
|
|
|
|
|
.notice-box {
|
|
|
|
|
background-color: #FFE5BC;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
}
|
|
|
|
|
.notice-box .icon {
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
}
|
|
|
|
|
.notice-box .txt {
|
|
|
|
|
height: 20px;
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
color: #42210B;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-family: PingFangSC-light;
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
}
|
|
|
|
|
.container-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.list-title-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.list-title-txt {
|
|
|
|
|
line-height: 23px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: TaipeiHei-bold;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-left: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.list-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.list-title-line {
|
|
|
|
|
width: 10rpx;
|
|
|
|
|
background-color: #FFA900;
|
|
|
|
|
border-radius: 5rpx;
|
|
|
|
|
height: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.list-title-btns {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.btn-select {
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
background-color: #ffaa0017;
|
|
|
|
|
color: #FFA900;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
border: 1px solid #ffaa0017;
|
|
|
|
|
}
|
|
|
|
|
.btn-normal {
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
color: #333333;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border: 1px solid #F0F0F0;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
}
|
|
|
|
|
.list-tabs {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
}
|
|
|
|
|
.tab-select {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
background-color: #ffaa008e;
|
|
|
|
|
color: #42210B;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
padding: 2px 5px;
|
|
|
|
|
}
|
|
|
|
|
.tab-normal {
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
background-color: #FAFAFA;
|
|
|
|
|
color: #9A9A9A;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
padding: 2px 5px;
|
|
|
|
|
}
|
|
|
|
|
.item-margin {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.item-margin:nth-of-type(n+2) {
|
|
|
|
|
margin-left: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* list */
|
|
|
|
|
.list-content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.list-item {
|
|
|
|
|
background-color: #efefef79;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.list-item:nth-of-type(n+2) {
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.item-img {
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
height: 132rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.item-img .cover {
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
height: 132rpx;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
.item-img-status {
|
|
|
|
|
background-color: #AFE5C7;
|
|
|
|
|
text-align: center;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
border-bottom-left-radius: 2px;
|
|
|
|
|
border-bottom-right-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
.item-content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex: 1;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
height: 132rpx;
|
|
|
|
|
}
|
|
|
|
|
.list-item-content {
|
|
|
|
|
flex: 0.8;
|
|
|
|
|
max-width: 80%;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: 0rpx 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.list-item-btns {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
height: 132rpx;
|
|
|
|
|
flex: 0.2;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
.item-content-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.project-name {
|
|
|
|
|
color: #333333;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
display: block;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
.project-status {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
line-height: 40rpx;
|
|
|
|
|
color: #333333;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
text-align: center;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.project-aff {
|
|
|
|
|
color: #5c5c5c;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.project-aff .icon {
|
|
|
|
|
width: 14px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
}
|
|
|
|
|
.project-aff .txt {
|
|
|
|
|
text-align: left;
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
}
|
|
|
|
|
.project-btns {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
|
|
|
|
.project-create-time {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #5c5c5c;
|
|
|
|
|
}
|
|
|
|
|
.project-btn {
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
background-color: #FFA900;
|
|
|
|
|
color: #FFFFFF;
|
2025-05-30 17:38:28 +08:00
|
|
|
|
padding: 8rpx 30rpx;
|
2025-05-28 16:22:03 +08:00
|
|
|
|
border-radius: 5rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.project-btn:active {
|
|
|
|
|
background-color: #ffaa008e;
|
|
|
|
|
}
|
|
|
|
|
.project-re-btn {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
background-color: rgba(255, 0, 0, 0.486);
|
|
|
|
|
color: white;
|
|
|
|
|
padding: 2px 5px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
.project-re-btn:active {
|
|
|
|
|
background-color: rgba(255, 0, 0, 0.301);
|
|
|
|
|
}
|
|
|
|
|
.project-btn-no {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
background-color: #efefef;
|
|
|
|
|
color: white;
|
|
|
|
|
padding: 8rpx 30rpx 8rpx 30rpx;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.marquee-container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
}
|
|
|
|
|
.marquee-text {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
animation: marquee 25s linear infinite;
|
|
|
|
|
color: #42210B;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
transform: translateX(100%);
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
@keyframes marquee {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateX(0%);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateX(-100%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.custom-dialog {
|
|
|
|
|
background-color: #F1F1F1;
|
|
|
|
|
}
|
|
|
|
|
.download-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.download-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
box-shadow: 0rpx 0rpx 0rpx 5rpx #F9FAFB;
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-item:nth-last-of-type(n+2) {
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.download-title-txt {
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-left: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-item-desc {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-btn-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 30rpx 0rpx 0rpx 0rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-btn {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 15rpx;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
flex: 1;
|
|
|
|
|
}
|
|
|
|
|
.download-btn:nth-child(2) {
|
|
|
|
|
margin-left: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-btn.blue {
|
|
|
|
|
background-color: #EFF6FF;
|
|
|
|
|
color: #3270FF;
|
|
|
|
|
}
|
|
|
|
|
.download-btn.gray {
|
|
|
|
|
background-color: #f9fafbc5;
|
|
|
|
|
color: #42210B;
|
|
|
|
|
}
|
|
|
|
|
.download-btn.red {
|
|
|
|
|
background-color: #FEF2F2;
|
|
|
|
|
color: #FF0000;
|
|
|
|
|
}
|
|
|
|
|
.download-btn-txt {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-left: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.download-btn:active {
|
|
|
|
|
background-color: #d1d1d0;
|
|
|
|
|
}
|
|
|
|
|
.bg-blue {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-color: #EFF6FF;
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.bg-yellow {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-color: #ffaa0017;
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.bg-green {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-color: #DCFCE7c5;
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
}
|
|
|
|
|
.bg-gray {
|
|
|
|
|
background-color: #F9FAFB;
|
|
|
|
|
}
|
|
|
|
|
.download-desc {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.link-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.link-box {
|
|
|
|
|
background-color: #f9fafbc5;
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
padding: 10rpx;
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.link {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
width: 85vw;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #3270FF;
|
|
|
|
|
}
|
|
|
|
|
.custom-tips {
|
|
|
|
|
margin-top: 80px;
|
|
|
|
|
}
|
|
|
|
|
.hint {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #FFA900;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.download-notes {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
border-left: 8rpx solid #3270FF;
|
|
|
|
|
border-radius: 5rpx;
|
|
|
|
|
background-color: #EFF6FF;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
box-shadow: 0rpx 0rpx 0rpx 5rpx #F9FAFB;
|
|
|
|
|
}
|
|
|
|
|
.notes-title-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
color: #3270FF;
|
|
|
|
|
}
|
|
|
|
|
.notes-content-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
color: #3270FF;
|
|
|
|
|
}
|
|
|
|
|
.weui-half-screen-dialog__ft {
|
|
|
|
|
height: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
#popup-msg {
|
|
|
|
|
top: 30px !important;
|
|
|
|
|
}
|