123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- /* 水平间距 */
- /* 水平间距 */
- .content.data-v-09ed81ef {
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- background-color: var(--f1Color);
- }
- .content .margin.data-v-09ed81ef {
- margin: 3vw 0 0 0;
- }
- .content .other.data-v-09ed81ef {
- padding: 3vw 2vw;
- border-bottom: 1px solid var(--footColor);
- }
- .content .value.data-v-09ed81ef {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: var(--mainColor);
- }
- .content .value .label.data-v-09ed81ef {
- text-align: right;
- }
- .content .value .label .input.data-v-09ed81ef {
- text-align: right;
- }
- .content .value .label .image.data-v-09ed81ef {
- width: 15vw;
- height: 15vw;
- border-radius: 20vw;
- }
- .content .value .label .error-message.data-v-09ed81ef {
- margin: 5px 0 0 0;
- color: var(--ff0Color);
- font-size: var(--font12Size);
- }
- .content .brief.data-v-09ed81ef {
- background-color: var(--mainColor);
- }
- .content .brief .title.data-v-09ed81ef {
- margin: 0 0 2vw 0;
- }
- .content .brief .label .error-message.data-v-09ed81ef {
- margin: 5px 0 0 0;
- color: var(--ff0Color);
- font-size: var(--font12Size);
- }
- .content .button.data-v-09ed81ef {
- text-align: center;
- margin: 2vw 0 0 0;
- }
- .content .button button.data-v-09ed81ef {
- width: 80%;
- font-size: var(--font16Size);
- color: var(--mainColor);
- background-color: var(--3c9Color);
- border-radius: 10vw;
- margin: 0 2vw;
- }
- .content .view.data-v-09ed81ef {
- width: 100%;
- position: fixed;
- bottom: 2vw;
- left: 0;
- text-align: center;
- color: var(--3c9Color);
- font-size: var(--font12Size);
- }
|