123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299 |
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- /* uni.scss */
- .content.data-v-6b665083 {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- }
- .content .main.data-v-6b665083 {
- position: relative;
- flex-grow: 1;
- }
- .content .main .top.data-v-6b665083 {
- position: relative;
- }
- .content .main .top .indicator-num.data-v-6b665083 {
- padding: 2px 0;
- background-color: rgba(0, 0, 0, 0.35);
- border-radius: 5px;
- width: 35px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- }
- .content .main .top .indicator-num__text.data-v-6b665083 {
- color: var(--mainColor);
- font-size: var(--font12Size);
- }
- .content .main .bottom.data-v-6b665083 {
- background-color: #f1f1f1;
- }
- .content .main .bottom .one.data-v-6b665083 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 3vw;
- background: linear-gradient(to bottom, #FFE4B5, #f1f1f1);
- }
- .content .main .bottom .one .left .money.data-v-6b665083 {
- color: var(--fF0Color);
- font-size: var(--font12Size);
- }
- .content .main .bottom .one .left .money text.data-v-6b665083:first-child {
- font-size: var(--font18Size);
- }
- .content .main .bottom .one .left .price.data-v-6b665083 {
- margin: 1vw 0 0 0;
- color: var(--f69Color);
- font-size: var(--font12Size);
- }
- .content .main .bottom .one .right .button.data-v-6b665083 {
- background-color: var(--fFFColor);
- }
- .content .main .bottom .two.data-v-6b665083 {
- margin: 2vw 3vw;
- padding: 2vw;
- background-color: var(--mainColor);
- border-radius: 5px;
- }
- .content .main .bottom .two .two_1.data-v-6b665083 {
- font-size: var(--font16Size);
- font-weight: bold;
- }
- .content .main .bottom .two .two_2.data-v-6b665083 {
- display: flex;
- align-items: center;
- margin: 2vw 0 0 0;
- padding: 2vw 0;
- border-bottom: 1px solid var(--f5Color);
- }
- .content .main .bottom .two .two_2 .other.data-v-6b665083 {
- display: flex;
- align-items: center;
- color: var(--f828Color);
- font-size: var(--font12Size);
- margin: 0 5px 0 0;
- }
- .content .main .bottom .two .two_3.data-v-6b665083 {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 2vw 0;
- }
- .content .main .bottom .two .two_3 .left.data-v-6b665083 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .content .main .bottom .two .two_3 .left text.data-v-6b665083 {
- font-size: var(--font14Size);
- margin: 0 5px 0 0;
- }
- .content .main .bottom .two .two_3 .left text.data-v-6b665083:first-child {
- background-color: rgba(255, 127, 80, 0.35);
- color: #FF7F50;
- padding: 2px 5px;
- font-size: var(--font12Size);
- }
- .content .main .bottom .thr .thr_1.data-v-6b665083 {
- display: flex;
- }
- .content .main .bottom .thr .thr_1 .info.data-v-6b665083 {
- display: flex;
- width: 89%;
- margin: 0 0 2vw 0;
- }
- .content .main .bottom .thr .thr_1 .info .list.data-v-6b665083 {
- font-size: var(--font14Size);
- text-align: center;
- width: 19vw;
- }
- .content .main .bottom .thr .thr_1 .info .list .info_2.data-v-6b665083 {
- color: var(--f828Color);
- margin: 1vw 0 0 0;
- }
- .content .main .bottom .thr .thr_1 text.data-v-6b665083 {
- margin: 0 2vw 0 0;
- color: var(--f828Color);
- font-size: var(--font14Size);
- }
- .content .main .bottom .thr2 .thr_1.data-v-6b665083 {
- display: flex;
- }
- .content .main .bottom .thr2 .thr_1 .info.data-v-6b665083 {
- display: flex;
- justify-content: space-around;
- width: 89%;
- margin: 0 0 2vw 0;
- }
- .content .main .bottom .thr2 .thr_1 .info .list.data-v-6b665083 {
- font-size: var(--font14Size);
- text-align: center;
- width: 19vw;
- }
- .content .main .bottom .thr2 .thr_1 .info .list .info_1.data-v-6b665083 {
- font-weight: bold;
- }
- .content .main .bottom .thr2 .thr_1 .info .list .info_2.data-v-6b665083 {
- color: var(--f828Color);
- margin: 1vw 0 0 0;
- }
- .content .main .bottom .thr2 .thr_1 text.data-v-6b665083 {
- width: 8vw;
- margin: 0 2vw 0 0;
- color: var(--f828Color);
- font-size: var(--font14Size);
- }
- .content .main .bottom .four .four_1.data-v-6b665083 {
- display: flex;
- align-items: center;
- }
- .content .main .bottom .four .four_1 .left .image.data-v-6b665083 {
- width: 120px;
- height: 80px;
- }
- .content .main .bottom .four .four_1 .right.data-v-6b665083 {
- margin: 0 0 0 2vw;
- }
- .content .main .bottom .four .four_1 .right .right_1.data-v-6b665083 {
- display: flex;
- align-items: center;
- font-size: var(--font16Size);
- font-weight: bold;
- }
- .content .main .bottom .four .four_1 .right .right_1 text.data-v-6b665083 {
- margin: 0 1vw 1vw 0;
- }
- .content .main .bottom .four .four_1 .right .right_2.data-v-6b665083 {
- margin: 2vw 0 0 0;
- color: var(--f828Color);
- font-size: var(--font14Size);
- }
- .content .main .bottom .four .four_2.data-v-6b665083 {
- margin: 2vw 0 0 0;
- }
- .content .main .bottom .five .name.data-v-6b665083 {
- font-size: var(--font16Size);
- }
- .content .main .bottom .five .text.data-v-6b665083 {
- padding: 2vw 0;
- color: var(--f69Color);
- font-size: var(--font14Size);
- }
- .content .main .bottom .five .five_1.data-v-6b665083 {
- border-radius: 5px;
- }
- .content .main .bottom .five .five_1 .image.data-v-6b665083 {
- width: 100%;
- height: 230px;
- border-radius: 5px;
- }
- .content .main .bottom .five .five_2.data-v-6b665083 {
- display: flex;
- justify-content: space-between;
- border-radius: 5px;
- }
- .content .main .bottom .five .five_2 .image.data-v-6b665083 {
- width: 49%;
- height: 120px;
- border-radius: 5px;
- }
- .content .main .bottom .five .five_3.data-v-6b665083 {
- margin: 2vw 0 0 0;
- }
- .content .main .bottom .six.data-v-6b665083 {
- padding: 0 2vw 2vw 2vw;
- }
- .content .main .bottom .six .title.data-v-6b665083 {
- font-size: var(--font16Size);
- padding: 0 1vw;
- }
- .content .main .bottom .six .listL.data-v-6b665083 {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- }
- .content .main .bottom .six .listL .list.data-v-6b665083 {
- width: 47vw;
- margin: 2vw 0 0 0;
- border-radius: 5px;
- border: 1px solid var(--f5Color);
- background-color: var(--mainColor);
- }
- .content .main .bottom .six .listL .list .list_1 .left .image.data-v-6b665083 {
- width: 100%;
- height: 120px;
- border-radius: 5px 5px 0 0;
- }
- .content .main .bottom .six .listL .list .list_1 .right.data-v-6b665083 {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding: 0 2vw;
- }
- .content .main .bottom .six .listL .list .list_1 .right .name.data-v-6b665083 {
- font-size: var(--font14Size);
- }
- .content .main .bottom .six .listL .list .list_1 .right .other.data-v-6b665083 {
- color: var(--f85Color);
- font-size: var(--font12Size);
- }
- .content .main .bottom .six .listL .list .list_1 .right .money.data-v-6b665083 {
- color: var(--fF0Color);
- font-size: var(--font12Size);
- margin: 0 0 1vw 0;
- }
- .content .main .bottom .six .listL .list .list_1 .right .money text.data-v-6b665083:first-child {
- font-size: var(--font18Size);
- }
- .content .foot.data-v-6b665083 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 8vh;
- padding: 2vw 1vw;
- }
- .content .foot .foot_1.data-v-6b665083 {
- display: flex;
- justify-content: center;
- width: 20%;
- }
- .content .foot .foot_1 .left.data-v-6b665083 {
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: var(--font14Size);
- }
- .content .foot .foot_2.data-v-6b665083 {
- display: flex;
- justify-content: space-around;
- align-items: center;
- width: 85%;
- }
- .content .foot .foot_2 .left-btn.data-v-6b665083 {
- background-color: var(--fF0Color);
- color: var(--mainColor);
- font-size: var(--font16Size);
- }
- .content .foot .foot_2 .right-btn.data-v-6b665083 {
- background-color: var(--fFFColor);
- color: var(--mainColor);
- width: 50vw;
- font-size: var(--font16Size);
- }
- .scroll-view.data-v-6b665083 {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .scroll-view .list-scroll-view.data-v-6b665083 {
- display: flex;
- flex-direction: column;
- }
|