569 lines
13 KiB
Plaintext
569 lines
13 KiB
Plaintext
.bg-title {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.content-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20rpx;
|
|
margin-left: 30rpx;
|
|
margin-right: 30rpx;
|
|
border-bottom-left-radius: 10rpx;
|
|
border-bottom-right-radius: 10rpx;
|
|
background-color: var(--white-color);
|
|
/* box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(233, 233, 233, 0.6); */
|
|
}
|
|
|
|
.container-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.title-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
padding: 0rpx 30rpx;
|
|
}
|
|
|
|
.msg-info-box {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
|
|
.notice-point {
|
|
width: 8rpx;
|
|
height: 8rpx;
|
|
border-radius: 2rpx;
|
|
background-color: var(--red-color);
|
|
}
|
|
|
|
.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: var(--btn-primary-color);
|
|
color: var(--text-brown-color);
|
|
border-radius: 10rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.create-btn:active {
|
|
background-color: var(--btn-primary-color-active);
|
|
}
|
|
|
|
.buy-btn {
|
|
margin-left: 20rpx;
|
|
line-height: 78px;
|
|
width: 80px;
|
|
height: 78px;
|
|
border-radius: 4px;
|
|
background-color: var(--btn-green-color);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 18px;
|
|
text-align: center;
|
|
font-family: PingFangSC-regular;
|
|
}
|
|
|
|
.buy-btn:active {
|
|
background-color: var(--btn-green-color-active);
|
|
}
|
|
|
|
.notice-box {
|
|
background-color: var(--btn-primary-color);
|
|
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: var(--text-brown-color);
|
|
font-size: 12px;
|
|
text-align: left;
|
|
line-height: 20px;
|
|
font-family: PingFangSC-light;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.container-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: white;
|
|
padding: 20rpx;
|
|
border-top-left-radius: 10rpx;
|
|
border-top-right-radius: 10rpx;
|
|
margin-top: 20rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
box-shadow: 0rpx -6rpx 6rpx 0rpx rgba(206, 206, 206, 0.1);
|
|
}
|
|
|
|
.list-title-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.title-line {
|
|
/* width: 10rpx;
|
|
height: 32rpx;
|
|
border-radius: 17rpx; */
|
|
width: 16rpx;
|
|
height: 34rpx;
|
|
border-radius: 34rpx;
|
|
background-color: var(--primary-color);
|
|
}
|
|
|
|
.list-title-txt {
|
|
line-height: 23px;
|
|
color: var(--text-color);
|
|
font-size: 16px;
|
|
font-family: TaipeiHei-bold;
|
|
font-weight: bold;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.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: var(--primary-color-light);
|
|
color: var(--primary-color);
|
|
font-size: 14px;
|
|
text-align: center;
|
|
padding: 5px;
|
|
border: 1px solid var(--primary-color-light);
|
|
}
|
|
|
|
.btn-normal {
|
|
line-height: 20px;
|
|
background-color: var(--white-color);
|
|
color: var(--text-color);
|
|
font-size: 14px;
|
|
text-align: center;
|
|
border: 1px solid var(--divider-color);
|
|
padding: 5px;
|
|
}
|
|
|
|
.list-tabs {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.tab-select {
|
|
white-space: nowrap;
|
|
line-height: 17px;
|
|
border-radius: 2px;
|
|
background-color: var(--btn-primary-color);
|
|
color: var(--text-brown-color);
|
|
font-size: 12px;
|
|
text-align: center;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.tab-normal {
|
|
line-height: 17px;
|
|
border-radius: 2px;
|
|
background-color: rgba(248, 248, 248, 1);
|
|
color: rgba(154, 154, 154, 1);
|
|
font-size: 12px;
|
|
text-align: center;
|
|
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;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.list-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
background-color: var(--gray-bg-color);
|
|
border-radius: 2px;
|
|
padding: 5px;
|
|
align-items: center;
|
|
}
|
|
|
|
.list-item:nth-of-type(n+2) {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.item-img {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
|
|
.item-img .cover {
|
|
width: 210rpx;
|
|
height: 136rpx;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.item-img-status {
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 210rpx;
|
|
font-size: 24rpx;
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
|
|
.status-gray {
|
|
background-color: var(--bg-gray-deep-color);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.status-green {
|
|
background-color: var(--bg-green-status-deep-color);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.status-yellow {
|
|
background-color: var(--primary-color-light);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.status-red {
|
|
background-color: var(--bg-red-deep-color);
|
|
color: var(--white-color);
|
|
}
|
|
|
|
.item-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
flex: 1;
|
|
height: 72px;
|
|
padding-left: 16rpx;
|
|
min-width: 0;
|
|
}
|
|
|
|
.item-content-title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.project-name {
|
|
color: var(--text-color);
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
flex: 1;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.project-status {
|
|
font-size: 24rpx;
|
|
color: var(--text-color);
|
|
font-weight: bold;
|
|
flex: .3;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.item-content-title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
min-width: 0;
|
|
}
|
|
|
|
.project-aff {
|
|
color: var(--text-color);
|
|
margin-top: 2px;
|
|
font-size: 13px;
|
|
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: 26rpx;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.project-btn {
|
|
font-size: 24rpx;
|
|
background-color: var(--primary-color);
|
|
color: white;
|
|
padding: 2px 10px;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.project-btn:active {
|
|
background-color: var(--primary-color-active);
|
|
}
|
|
|
|
.project-re-btn {
|
|
font-size: 12px;
|
|
background-color: var(--red-color);
|
|
color: white;
|
|
padding: 2px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.project-re-btn:active {
|
|
background-color: var(--red-color-light);
|
|
}
|
|
|
|
.project-btn-no {
|
|
font-size: 28rpx;
|
|
background-color: var(--gray-color);
|
|
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: var(--text-brown-color);
|
|
font-size: 24rpx;
|
|
margin-left: 15px;
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
@keyframes marquee {
|
|
0% {
|
|
transform: translateX(0%);
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(-100%);
|
|
}
|
|
}
|
|
|
|
.custom-dialog {
|
|
background-color: var(--white-color);
|
|
}
|
|
|
|
.download-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 10px;
|
|
background-color: var(--white-color);
|
|
border-radius: 5px;
|
|
height: 80px;
|
|
}
|
|
|
|
.download-item:nth-of-type(n+2) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.download-item:last-child {
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.download-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10px;
|
|
width: 75px;
|
|
}
|
|
|
|
.download-title-txt {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.download-btn-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 70px;
|
|
flex: .6;
|
|
}
|
|
|
|
.download-btn {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: var(--text-color);
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
border: 1px solid var(--divider-color);
|
|
width: 105px;
|
|
}
|
|
|
|
.download-btn-txt {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.download-btn:active {
|
|
background-color: var(--divider-color);
|
|
}
|
|
|
|
|
|
|
|
.icon-table {
|
|
content: "";
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgc3R5bGU9IiIgZmlsdGVyPSJub25lIj4KICAgIAogICAgPGc+CiAgICA8cGF0aCBkPSJNMTYgMjFoLTR2Mmg0di0yek0xNyAyMWg0djJoLTR2LTJ6TTE2IDI2aC00di0yaDR2MnpNMTcgMjZoNHYtMmgtNHYyek0xNiAxOGgtNHYyaDR2LTJ6TTE3IDE4aDR2MmgtNHYtMnpNMTYgMTVoLTR2Mmg0di0yek0xNyAxNWg0djJoLTR2LTJ6TTE5IDN2Ni4wMDJjMCAxLjExMSAwLjg5OCAxLjk5OCAyLjAwNiAxLjk5OGg0Ljk5NHYxNy4wMDNjMCAxLjEwNy0wLjg5NCAxLjk5Ny0xLjk5NyAxLjk5N2gtMTUuMDA1Yy0xLjEwNyAwLTEuOTk3LTAuODk5LTEuOTk3LTIuMDA3di0yMi45ODVjMC0xLjEwOSAwLjg5OS0yLjAwNyAyLjAwOS0yLjAwN2g5Ljk5MXpNMjAgM3Y1Ljk5N2MwIDAuNTU0IDAuNDUxIDEuMDAzIDAuOTkxIDEuMDAzaDUuMDA5bC02LTd6TTExIDEzdjE0aDExdi0xNGgtMTF6IiBmaWxsPSJyZ2JhKDI1NSwxNjksMCwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
|
|
.icon-tool {
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
|
|
.icon-source {
|
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg==');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
.download-all {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100vw;
|
|
background-color: var(--primary-color);
|
|
color: white;
|
|
padding: 5px 0px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.download-all:active {
|
|
background-color: var(--primary-color-active);
|
|
}
|
|
|
|
|
|
.download-desc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
width: 100vw;
|
|
}
|
|
|
|
.link-title {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.link {
|
|
margin-top: 5px;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
width: 85vw;
|
|
font-size: 14px;
|
|
color: var(--blue-color);
|
|
}
|
|
|
|
.custom-tips {
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.hint {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: var(--primary-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.weui-half-screen-dialog__ft {
|
|
height: 0;
|
|
padding: 0rpx 0rpx 40rpx;
|
|
} |