123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- /* uni.scss */
- .content.data-v-1d378803 {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- }
- .content .info.data-v-1d378803 {
- position: relative;
- flex-grow: 1;
- background-color: var(--f1Color);
- }
- .content .info .one.data-v-1d378803 {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 25vh;
- background: linear-gradient(to bottom, #2979ff, #f1f1f1);
- }
- .content .info .one .text.data-v-1d378803 {
- background-image: -webkit-linear-gradient(left, #000, #2979ff 10%, #2979ff 20%, #2979ff 30%, #2979ff 40%, #2979ff 50%, #2979ff 60%, #2979ff 70%, #2979ff 80%, #2979ff 90%, #000 100%);
- -webkit-text-fill-color: transparent;
- -webkit-background-clip: text;
- -webkit-background-size: 200% 100%;
- -webkit-animation: masked-animation-1d378803 4s linear infinite;
- font-size: 30px;
- font-weight: bold;
- }
- @keyframes masked-animation-1d378803 {
- 0% {
- background-position: 0 0;
- }
- 100% {
- background-position: -100% 0;
- }
- }
- .content .info .two.data-v-1d378803 {
- background-color: var(--mainColor);
- margin: 0 3vw 2vw 3vw;
- padding: 2vw;
- border-radius: 10px;
- }
- .content .info .two .text.data-v-1d378803 {
- font-size: var(--font16Size);
- font-weight: bold;
- padding: 2vw;
- }
- .content .info .two .two_1.data-v-1d378803 {
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--f1Color);
- padding: 6vw 2vw;
- }
- .content .info .two .two_1 text.data-v-1d378803 {
- font-size: var(--font16Size);
- margin: 0 0 0 1vw;
- }
- .content .info .two .two_2.data-v-1d378803 {
- display: flex;
- align-items: center;
- color: #323233;
- padding: 2vw 0;
- font-size: var(--font16Size);
- border-bottom: 1px solid var(--f5Color);
- }
- .content .info .two .two_2 .image.data-v-1d378803 {
- width: 60px;
- height: 60px;
- border-radius: 60px;
- }
- .content .info .two .two_2 .title.data-v-1d378803 {
- width: 75%;
- margin: 0 0 0 2vw;
- }
- .content .info .two .form .picker.data-v-1d378803 {
- padding: 2vw;
- }
- .content .info .two .form .input.data-v-1d378803 {
- padding: 2vw;
- }
- .content .foot.data-v-1d378803 {
- padding: 2vw;
- }
- .content .foot .foot_1 .btn.data-v-1d378803 {
- background-color: var(--fFFColor);
- font-size: var(--font16Size);
- }
- .content .foot .foot_2.data-v-1d378803 {
- font-size: var(--font12Size);
- color: var(--f85Color);
- margin: 1vw;
- }
- .scroll-view.data-v-1d378803 {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .scroll-view .list-scroll-view.data-v-1d378803 {
- display: flex;
- flex-direction: column;
- }
|