首页+我的
This commit is contained in:
@@ -1,10 +1,141 @@
|
||||
@import '@/style/mixin.scss';
|
||||
|
||||
@font-face {
|
||||
font-family: 'PangMenZhengDaobiaoTiTiMianFeiBan';
|
||||
src: url('@/static/font/PangMenZhengDaoBiaoTiTiMianFeiBan.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'MicrosoftYaHei';
|
||||
src: url('@/static/font/msyhbd.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.common_radius_box{
|
||||
width: 100%;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
.goods_nav_box{
|
||||
|
||||
box-shadow: 0 4rpx 48rpx 0 rgba(0,0,0,.15);
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.common_divider{
|
||||
padding:10rpx 20rpx;
|
||||
.u-divider{
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
.flex_box{
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.align-items_box{
|
||||
align-items: center;
|
||||
}
|
||||
/deep/uni-page-body {
|
||||
height: 100% !important;
|
||||
|
||||
}
|
||||
|
||||
.aui-text-danger {
|
||||
color: red;
|
||||
}
|
||||
.common_red_button{
|
||||
background-color: rgb(235, 10, 10);
|
||||
color: #fff;
|
||||
}
|
||||
.common_grey_button{
|
||||
background-color: #8b8d8d;
|
||||
color: #fff;
|
||||
}
|
||||
.aui-text-success {
|
||||
|
||||
// font-weight: 600;
|
||||
}
|
||||
|
||||
.PM_font {
|
||||
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
|
||||
}
|
||||
|
||||
.bg_box_shandow {
|
||||
|
||||
|
||||
border-radius: 5px;
|
||||
padding: 10rpx 20rpx;
|
||||
|
||||
font-weight: normal;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
.color_shandow {
|
||||
box-shadow: 0px 0px 3px 0px rgba(0, 82, 79, 0.2) !important;
|
||||
}
|
||||
|
||||
.bg_color {
|
||||
color: #018F89;
|
||||
background: #EDFCF7;
|
||||
}
|
||||
|
||||
/deep/.common_section {
|
||||
.uni-section-header {
|
||||
padding: 0 !important;
|
||||
|
||||
.uni-section-header__decoration {
|
||||
background-color: #3ab3ae !important;
|
||||
}
|
||||
}
|
||||
|
||||
padding-bottom: 20rpx !important;
|
||||
}
|
||||
|
||||
.commonTags {
|
||||
background-color: #3AB3AE;
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
|
||||
font-size: 24rpx !important;
|
||||
padding: 4rpx 12rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.commonTagsRed {
|
||||
border-color: rgb(247, 146, 146);
|
||||
background-color: rgb(253, 70, 70);
|
||||
}
|
||||
|
||||
.hidden1 {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hidden5 {
|
||||
text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
|
||||
-webkit-line-clamp: 5;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.form_input_box {
|
||||
border: none !important;
|
||||
@@ -14,25 +145,122 @@
|
||||
|
||||
}
|
||||
|
||||
.commonPageWhiteBox {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.headImage {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.flexbox {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.commonPageContentBox {
|
||||
height: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.commonDetailPage {
|
||||
background-color: #f8f9fa !important;
|
||||
}
|
||||
|
||||
.commonPageBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 !important;
|
||||
overflow: auto;
|
||||
background-color: #d8f8e4 !important;
|
||||
.componentPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.RightArrowGreenText {
|
||||
width: 28rpx;
|
||||
height: 18rpx;
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 400;
|
||||
font-size: 35rpx;
|
||||
color: #018F89;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
|
||||
.greenCardBox {
|
||||
width: 100%;
|
||||
// height: 298rpx;
|
||||
background: #EDFCF7;
|
||||
box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 82, 79, 0.2);
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.scrollDataList {
|
||||
font-size: 26rpx;
|
||||
margin-top: 20rpx;
|
||||
padding: 0 10rpx;
|
||||
border-radius: 10rpx;
|
||||
background-color: #f8f9fa;
|
||||
|
||||
.data_item {
|
||||
align-items: flex-start;
|
||||
border-bottom: 2px solid #fff;
|
||||
padding: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.commonPage {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
padding: 0 65rpx;
|
||||
min-height: 100vh;
|
||||
// background-color: #ffffff;
|
||||
padding: 0 65rpx 40rpx;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
|
||||
.boxShadow {
|
||||
// box-shadow: 0 0px 10px 1px rgba($color: #000000, $alpha: 0.1);
|
||||
box-shadow: 0px 0px 10rpx 2rpx rgba(0, 82, 79, 0.1);
|
||||
|
||||
}
|
||||
|
||||
.rightArrow {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.sendCode {
|
||||
|
||||
|
||||
height: 60rpx !important;
|
||||
background-color: #f8f9fb;
|
||||
font-size: 28rpx !important;
|
||||
padding: 0 14rpx !important;
|
||||
color: $themeColor !important;
|
||||
line-height: 60rpx !important;
|
||||
margin-left: 20rpx !important;
|
||||
|
||||
|
||||
background-color: #f8f9fb;
|
||||
font-size: 28rpx !important;
|
||||
padding: 0 14rpx !important;
|
||||
color: $themeColor !important;
|
||||
line-height: 60rpx !important;
|
||||
margin-left: 20rpx !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
padding: 10rpx;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
|
||||
.contentBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
view,
|
||||
@@ -100,8 +328,8 @@ button::after {
|
||||
|
||||
.cur {
|
||||
color: #087940;
|
||||
border: 0.5px solid #55aa7f;
|
||||
background: #55aa7f1c;
|
||||
border: 0.5px solid #3AB3AE;
|
||||
background: #3AB3AE1c;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user