/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App /* uni.scss */ .content.data-v-4b99813d { display: flex; flex-direction: column; width: 100vw; height: 100vh; } .content .info.data-v-4b99813d { position: relative; flex-grow: 1; } .content .info .u-menu-wrap.data-v-4b99813d { flex: 1; display: flex; overflow: hidden; } .content .info .u-tab-view.data-v-4b99813d { width: 100px; background: var(--f6Color); } .content .info .u-tab-item.data-v-4b99813d { height: 55px; background: var(--f6Color); box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: var(--font14Size); color: #444; line-height: 1; } .content .info .u-tab-item-active.data-v-4b99813d { position: relative; color: var(--f00Color); font-size: var(--font15Size); font-weight: 600; background-color: var(--mainColor); border-left: 4px solid var(--fFFColor); } .content .info .right-box.data-v-4b99813d { height: 705px; background-color: #fafafa; } .content .info .page-view.data-v-4b99813d { padding: 8px; } .content .info .class-item.data-v-4b99813d { margin-bottom: 15px; background-color: var(--mainColor); padding: 8px; border-radius: 4px; } .content .info .item-title.data-v-4b99813d { font-size: var(--font14Size); margin: 0 0 2vw 0; } .content .info .item-title .title.data-v-4b99813d { display: flex; align-items: center; justify-content: space-between; } .content .info .item-title .title .left.data-v-4b99813d { font-weight: bold; } .content .info .item-title .title .left .span.data-v-4b99813d { font-size: var(--font12Size); color: var(--f85Color); } .content .info .item-menu-name.data-v-4b99813d { font-size: var(--font12Size); } .content .info .item-container.data-v-4b99813d { display: flex; flex-wrap: wrap; } .content .info .item-container .thumb-box1.data-v-4b99813d { width: 100%; } .content .info .item-container .thumb-box2.data-v-4b99813d { width: 100%; } .content .info .item-container .thumb-box3.data-v-4b99813d { font-size: var(--font12Size); width: 23vw; text-align: center; } .content .info .item-container .thumb-box3 .title_1.data-v-4b99813d { padding: 2vw; margin: 1vw; background-color: var(--f5Color); } .content .info .item-container .thumb-box3 .title_2.data-v-4b99813d { padding: 2vw; margin: 1vw; background: rgba(255, 222, 173, 0.35); border: 1px solid var(--fFFColor); } .content .foot.data-v-4b99813d { display: flex; justify-content: space-around; align-items: center; padding: 2vw; } .content .foot .right .button.data-v-4b99813d { text-align: center; width: 65vw; padding: 4vw 6vw; font-size: var(--font16Size); background-color: var(--fFFColor); } .scroll-view.data-v-4b99813d { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view.data-v-4b99813d { display: flex; flex-direction: column; }