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