ts_aimz_uni/unpackage/dist/dev/mp-baidu/pages/index/home.css

575 lines
112 KiB
CSS
Raw Normal View History

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,iVBORw0KGgoAAAANSUhEUgAAAYkAAADhCAYAAAA9DUk+AAAgAElEQVR4nOS92ZIsS3IY5h6ZVb332fe7zr0XswCgEWYyk0wPpCDSTN+kFxIk9Vt64IuMetEDBYpDGjDYBsDdz9qnu6sqI2Qe4e7hERmZVdXnnMEAEzN9T1VWZOzh+4Lr//1/DIAIiAhSgvf6OT5HLJ5JcX0HgA4A6Z0Q/6X6IVAjATAECPGLKegAT4/AU3fmJ9u/fPaNPt9Hcc6l9oNP47xeAVyuIMRuMf4fzLjROcCug7DZjOdj6zicHF1cH14P13VxTf0wlP3QPnQOwhAgIMLA4+QW9FMHAQIg0OosIMAaUr8OXWyOfun5OaYZ5T2DADSUgfZt2QEeLLXljtd9CPFIgAOMnx2mdgYeK9UbJtYBeAljo7ENiKOQNoGX1ravYxs8wNtr8BiKsyFzdqHqwy4N0n4iDJjq0jmjNXLBA9aNxfrlAQyuS80GbzoIxf4AVvs799tc4dfovAX6TzxfDsLa5/NFjzuMlfzgwS06uhAQBp+6xdQnLVVcZJqljxcPXDxDHgI6cD2CXw/5XsoC8H2lvuM9DnmufgjxvXSxebMwfaazKeOL513aRJ4QhGL/pTv6CXXc8hNCcBjhRNkOxPHHvmkuPmg7EdzQvUBucMhroZVojAc9wMEi3hFa0yD3K80wrbvdtwS06BLlsfvqnG3b0z2OwM7vVuv4zvVuUHroFtquFFwszJd0ycEPMIILBDh94LvkU73OAWzkILt4CFIHQYF/WHmAo+VoLXKfjLSwQla84XOlQHZTdRn4RiRG/+uXAN0KgJCFXB47tnhHHOBimebaQl7UpksX2i5UvIDUV7zjIV10WZMaqSCvH6YxdGYuAwP8BBiCBW/5RPBFJjApzx2kexTiZof4Od6Fw2W8RAEysLOzCra94iLZftqFxh0iEs6X03GbsieyT4oGQwB/fQ3Q9ROtzu97qpKgT5ClxQQ4EcuxB1nDwaffDJEUMPWPvMfBAn8GtBke3RRJBN1LWvTAYw+dACiGlOdH4DcB4OIyrkvoEcLZIYQ31+A2Q7p7Z4e04BBevE3HgJDJ/VOAl28BLtbxjuLZMeDJEsLXr9P57h3gg1OAtxsIVI/OLrVD/X3zOiJqWC4AH52BX3uA7y8S8jw/Bn/7GOC7N+DeXAL0HYRn5/Fw4988B3QBwtESwr0TgFdX4F5dxjPoHx5BWByA++YVwHqAQMD74TnA6ytw1D8E2Nw6g+60A/z+DcD1BvyiA3xwDLjeAP5wGZfNHyzA3TkCeH4JsN6kdbt7TBcS8NVVupvLHsJpD/BmBThARL5wuowILVyuGS4h4PECwtUGYEj77LsOXO8ArtcZyR10CeF8IGL1H0txrXHSguofYoWp7WFnLM03JwKBISiACUKJhFCiufUacLPfwmPF7UxU0nqt+vKMOJSMQHiMBDRPjgGWDSBF52RI7+yLoCNFx39y2OhyK3U0NRXeHPmzhNY+ZWDugahrz5chnB4BMoKwiDTsBoq3Fs/r5Mwe2HELd2MIywg8kC8svde9w0hsuyEiBXPMeb5BCRGDAO1a0HtKsQo3zdU8/xFglz8PxR+TvO3fXBc5F+0ygBJbMpZILT+7DeHpbR2/Pz8B/OwB4J3jRMUvegjP7kL36Z34OSLasyMIH90FeHSu984/vgPw6W0Ih4vEDRwdQPfRfRie3U9zJOL78S2AJ7dgdftWRJDDwRLw8W0Izx5EpBLH+vAcugengISEfIBh6cA9vAN4/ww8tT0EwHvn0D06A3h8mpA2cUmPbwE+OIdwchDfIySCD84An5zzWjvAj04BnhwBnB5ExIknB4BPb4OjdzsXt2D16D7Ak9sAZ4nAHAhxPjsFfHIbAnEchHNpbT6+DXjrGIbNELl1vH8M7sFxIsCoLHvA+7cAz4/ymTw7BHx4BkplEGHz8ATcyfL9XIp/xKX7N//ikz9p3jI5wdXloYXWCy9chlw0BcrC1mH+U06UkQdxJkfLSKHLJRTEFC8YI6j0nd93+WLH5y6JZ2JvLlGI8V8VN0DRtm1XKMqi774DXC5Tv1Fcxu9B+jfwAUKixJzjeRlAaP4VABP0z6ULQ88JULNoyWE59tQGt2v3xAC6AmGgS6IYRSyZSo0jDoljIhGbPziA7mgZxRHarEGojtfCyWfDogcoEXWNjOt29CTwsvP0EndjEQeGxGG9vS7mEceMGUmi4UAsYivFlOl8FWuA+d1cyXByWP4RgIz13Zh+Cg26JlKqIhaxWFaAPzXVpVkpF9Xx2dgEwA7j73L2dW4EzDcB3MUVuCHJVAiJDisP3auLCGxpf4dNgHCxBry4Tu9RnY0DfPk2ie/oyG4CbN4O0L++iOcAfYAVrfaLC+jeXqW+iIZZBXA/voycYOS0CHi/egvw+jKdAUJyGAC/fw1wPSTiiTiVqxU44mSIQIzPEPCHt4CRcg+RRHHrAeDHN4aDC5H7oTrxuNMZuPYAz6/iZ+LW/dABvr4GJM4mwowNbAaEjt6jffIeNqEH//oaHEkB6M5vPAzXDvDNFcBmHQkzvwIYrjw44krSTsBAc726TpwCPSMO52oTOTTdbxL/rda/80gCh3/7L+PO7ir/R5ERyoF35QVQOs6KfKN4wpfIgh4dLEdip9m+mVsp2fzcj2dgqH1V73ojprGALBhRmBbSP7xdAW42OofAgDcC+wDFhYYKgJE+oT5btSiMvvfBx3obFg2RSGjDqNSCqU2kSssWHY+rG0EvEeymNQESHx4ukl6FLjnsJrqz5UYiT0Ol18DdVvEXV/Fyd5A5tSgmcuV6gV1jkR6pOJNF4ga4Y03gtOZVIQMVMzWQhB9Gj6KIgpCcE51CA6JE4G84x6hfoPZWA2CPfIe4j00WV0YEv3AlF09ArTPfvXBGCamkOh6QqGVZGwa6dH67ziWumIB2FG9iErOIHDJj89SOElPcTkQ8BtF6+Z4IFp1KyOJUFfnVXJsQaw7TPOguOCGIfJor72kkJumcE25y9jAmPlvX0LRNwtWEuHm8RNyROIraYv1N6ovPnZGIRCTmicgIsL/84J9W6aPydA95ahjGyESPP4oUPD3NejLBCiEDMOzAbdbgN12Ube7Ud+vCh+KfPJBGcQZQoWlPFVsW59CYTo+ispp0FTjIQYJKJ2CHEmaV17Pz2FIiAjRAcgvoS/8nALNcqigi8HPIcHU0ls4lZORZYW3HHMoecqlESrqu8izwpbO6GuFKVptI8RJ49cwVJXELFoBauAHRJxSiIelHdE1QXuwQqecM/NEgVTTEUYgwOHGbzgLudQM77FGmRItu2aV1NXeq0Nm3ztICE6DkNUo6LBr4kLlPUtraO0CcCsn4h0SQRO77YJHk8Xw3kSRRhCxWQ0bEpF+g9Ymi4aTLiM8u13ENI2A+XCb97uUmDZ44ViJIroe8tiTbp7rXG15naqdLImfae6L2Owc9ndXVRrVpYclAeqDzP0Rgj4ddHI+omUjXF3kqn/RLgSUOhAQc6UqQzyMmkXE8bySmc11GikzkOpYWMGpj5n0HMfc/8cK3qhS/1CKFmiUv/oBZemNdoGBY6/EFqK11aI+uVllOvM9aNzZu2/uWYxCuQkRSlkpWQhxFEXYE4fggHfbOwQAuKpIHTH/SjhGCjIcLoNZNUuxqOIOgsNFC284pFW8lhPS978EfH0A4PkyKzBrAW6RYiYqssrno34ih7J+Il7rqmYip4u8EdAEjApJ6EcARECFFoc53ggjYsrEJQSQihABT8Hq8inWJwCQkIJX/JrpoiVpbxYpmS/lgYU9QXJlCGRFUrxf/MLCIDsF9dheGR3fSOhHiPjkA/8UDCKfL9Izm/PFtcF/cBVz00SIp3DoB/MVjwEenLEpBGJ7cBfzqSTzLsb/DBbivHkH4+E6y8iEO4dkdwJ8/hPWtMwgDi4J//gDCF0+ivD9ehme3of/ZEwikJyAulazjfu8JwE+fxDajmOjBGbifPQJ8eisZhdB8P30A8NP74El5TroM0ht8+QTg07vMcQDgx/cAv3wIcH6Q
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;
}