165 lines
2.8 KiB
Vue
165 lines
2.8 KiB
Vue
<template>
|
|
<view class="flex-col page">
|
|
首页11
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page {
|
|
padding-bottom: 30rpx;
|
|
background-color: rgb(255, 255, 255);
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
background: url(/static/common/img/loginBg.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: top;
|
|
|
|
.img-box {
|
|
height: 420rpx;
|
|
}
|
|
|
|
.image {
|
|
flex-shrink: 0;
|
|
align-self: flex-start;
|
|
width: 102%;
|
|
}
|
|
|
|
.group {
|
|
background: #fff;
|
|
padding: 20rpx 25rpx;
|
|
width: calc(100% - 50rpx);
|
|
margin: 0 auto;
|
|
border-radius: 30rpx;
|
|
|
|
.text {
|
|
align-self: center;
|
|
color: rgb(46, 155, 255);
|
|
font-size: 32rpx;
|
|
font-family: PingFang;
|
|
line-height: 32rpx;
|
|
}
|
|
|
|
.group_7 {
|
|
margin-top: 40rpx;
|
|
|
|
.text-wrapper {
|
|
border: solid 2rpx #dcdfe6;
|
|
border-radius: 100rpx;
|
|
background: #f6f8fa;
|
|
|
|
}
|
|
|
|
.group_6 {
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
margin-left: 10rpx;
|
|
align-self: flex-start;
|
|
color: rgb(51, 51, 51);
|
|
font-size: 32rpx;
|
|
font-family: PingFang;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.view {
|
|
margin-top: 20rpx;
|
|
padding: 20rpx 50rpx !important;
|
|
}
|
|
}
|
|
|
|
.text_6 {
|
|
margin-left: 5rpx;
|
|
margin-top: 50rpx;
|
|
align-self: flex-start;
|
|
// color: rgb(25, 140, 255);
|
|
color:#1F2232;
|
|
font-size: 28rpx;
|
|
font-family: PingFang;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
margin: 50rpx 0rpx 40rpx;
|
|
padding: 50rpx 0 50rpx;
|
|
// background-image: linear-gradient(90deg, rgb(135, 230, 254) 0%, rgb(91, 192, 254) 52%, rgb(46, 155, 255) 100%);
|
|
background: #3cb4fb;
|
|
box-shadow: 0px 6rpx 9rpx rgba(38, 122, 199, 0.34);
|
|
border-radius: 100rpx;
|
|
|
|
.text_7 {
|
|
color: rgb(255, 255, 255);
|
|
font-size: 32rpx;
|
|
font-family: PingFang;
|
|
line-height: 30rpx;
|
|
}
|
|
}
|
|
|
|
.group_1 {
|
|
margin-top: 24rpx;
|
|
|
|
.text_8 {
|
|
color: #8697AC;
|
|
font-size: 30rpx;
|
|
font-family: PingFang;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
margin-left: 0.035rem;
|
|
color: #2E9CFE;
|
|
font-size: 30rpx;
|
|
font-family: PingFang;
|
|
line-height: 26rpx;
|
|
}
|
|
}
|
|
|
|
.group_2 {
|
|
margin-top: 40rpx;
|
|
justify-content: center;
|
|
|
|
.section_1 {
|
|
flex-shrink: 0;
|
|
width: 34rpx;
|
|
}
|
|
|
|
.group_3 {
|
|
margin-left: 24rpx;
|
|
height: 24rpx;
|
|
font-size: 0;
|
|
|
|
.text_10 {
|
|
color: rgb(153, 153, 153);
|
|
font-size: 24rpx;
|
|
font-family: PingFang;
|
|
}
|
|
|
|
.text_11 {
|
|
color: rgb(25, 140, 255);
|
|
font-size: 24rpx;
|
|
font-family: PingFang;
|
|
}
|
|
|
|
.text_12 {
|
|
color: rgb(102, 102, 102);
|
|
font-size: 24rpx;
|
|
font-family: PingFang;
|
|
}
|
|
|
|
.text_13 {
|
|
color: rgb(25, 140, 255);
|
|
font-size: 24rpx;
|
|
font-family: PingFang;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |