/** * 这里是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; }