style:根据UI设计图跳转页面样式
This commit is contained in:
+18
-2
@@ -127,12 +127,28 @@ export default {
|
||||
box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
|
||||
|
||||
.contact-title {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
display: inline-block;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
margin-bottom: 20rpx;
|
||||
border-left: 8rpx solid #1976D2;
|
||||
padding-left: 20rpx;
|
||||
padding-bottom: 8rpx;
|
||||
width:fit-content;
|
||||
|
||||
&::after {
|
||||
z-index: -1;
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 8rpx;
|
||||
width: 88%;
|
||||
height: 16rpx;
|
||||
border-radius: 20rpx;
|
||||
// background: transparent;
|
||||
background: #07C160; // 底部高亮(微信绿)
|
||||
}
|
||||
}
|
||||
|
||||
.contact-content {
|
||||
|
||||
Reference in New Issue
Block a user