/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App /* uni.scss */ .content.data-v-2519f642 { display: flex; flex-direction: column; width: 100vw; height: 100vh; } .content .top.data-v-2519f642 { margin: 2vw; } .content .top .search.data-v-2519f642 { display: flex; justify-content: space-between; align-items: center; padding: 2vw 2vw 0 2vw; } .content .top .search .list.data-v-2519f642 { display: flex; align-items: center; padding: 1vw 0; } .content .top .search .list .title_1.data-v-2519f642 { margin: 0 1vw 0 0; font-size: var(--font14Size); } .content .top .search .list .title_2.data-v-2519f642 { margin: 0 1vw 0 0; font-size: var(--font14Size); color: var(--fFFColor); } .content .top .popup-layer.data-v-2519f642 { position: absolute; z-index: 999999; background: rgba(0, 0, 0, 0.3); height: calc(100% - 50px); width: 100%; left: 0px; overflow: hidden; height: 87.5vh; } .content .top .popup-content.data-v-2519f642 { position: absolute; width: 100%; z-index: 1000000; background: #FFFFFF; transition: all 0.3s ease; } .content .top .popup-content .search_1.data-v-2519f642 { display: flex; flex-wrap: wrap; padding: 2vw; } .content .top .popup-content .search_1 .list.data-v-2519f642 { font-size: var(--font14Size); width: 24vw; text-align: center; } .content .top .popup-content .search_1 .list .title_1.data-v-2519f642 { padding: 2vw; margin: 1vw; background-color: var(--f5Color); } .content .top .popup-content .search_1 .list .title_2.data-v-2519f642 { padding: 2vw; margin: 1vw; background: rgba(255, 222, 173, 0.35); border: 1px solid var(--fFFColor); } .content .top .search_2.data-v-2519f642 { padding: 2vw; background-color: var(--f5Color); display: flex; justify-content: space-between; align-items: center; } .content .top .search_2 .left.data-v-2519f642 { width: 80vw; } .content .top .search_2 .left .scroll.data-v-2519f642 { display: flex; white-space: nowrap; } .content .top .search_2 .left .scroll .title.data-v-2519f642 { font-size: var(--font14Size); display: flex; padding: 2vw; margin: 1vw; background-color: var(--mainColor); } .content .bottom.data-v-2519f642 { position: relative; flex-grow: 1; } .content .bottom .one.data-v-2519f642 { margin: 0 2vw 2vw 2vw; } .content .bottom .one .list.data-v-2519f642 { display: flex; margin: 1vw 0 0 0; padding: 1vw; } .content .bottom .one .list .left .image.data-v-2519f642 { width: 130px; height: 100px; border-radius: 2px; } .content .bottom .one .list .right.data-v-2519f642 { display: flex; flex-direction: column; justify-content: space-between; margin: 0 0 0 2vw; width: 100%; } .content .bottom .one .list .right .name.data-v-2519f642 { font-size: var(--font14Size); } .content .bottom .one .list .right .other.data-v-2519f642 { color: var(--f85Color); font-size: var(--font12Size); } .content .bottom .one .list .right .right_1.data-v-2519f642 { display: flex; justify-content: space-between; align-items: center; } .content .bottom .one .list .right .right_1 .money.data-v-2519f642 { color: var(--fF0Color); font-size: var(--font12Size); } .content .bottom .one .list .right .right_1 .money text.data-v-2519f642:first-child { font-size: var(--font18Size); } .content .bottom .one .list .right .right_1 .button.data-v-2519f642 { background-color: var(--fFFColor); } .scroll-view.data-v-2519f642 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view.data-v-2519f642 { display: flex; flex-direction: column; } .is_bottom.data-v-2519f642 { width: 100%; text-align: center; } .is_bottom text.data-v-2519f642 { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font12Size); }