style: 调整样式
This commit is contained in:
@@ -215,7 +215,7 @@ margin: 10px auto;">
|
||||
</template>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="24" style="background-color: #ffffff;">
|
||||
<el-col :span="24" >
|
||||
<BottomInfo/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -533,9 +533,7 @@ const onClickToWeChat = () => {
|
||||
|
||||
.left-div .el-col,
|
||||
.right-div .el-col {
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px; /* 增加圆角 */
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */
|
||||
transition: all 0.3s ease; /* 过渡效果 */
|
||||
|
||||
@@ -597,7 +595,6 @@ const onClickToWeChat = () => {
|
||||
background-position: 0 30px;
|
||||
background-size: 150% 100%;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 5px;
|
||||
color: #409eff;
|
||||
|
||||
.content {
|
||||
@@ -634,7 +631,6 @@ const onClickToWeChat = () => {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border: 1px solid #d9ecff;
|
||||
border-radius: 5px;
|
||||
color: #409eff;
|
||||
background-color: #ecf5ff;
|
||||
}
|
||||
@@ -653,7 +649,6 @@ const onClickToWeChat = () => {
|
||||
/* gap: 10px; */
|
||||
/* padding: 15px; */
|
||||
/* background-color: #f9f9f9; */
|
||||
border-radius: 8px;
|
||||
|
||||
.el-col {
|
||||
flex-direction: column;
|
||||
@@ -661,7 +656,6 @@ const onClickToWeChat = () => {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
padding: 15px 0; /* 增加内边距 */
|
||||
border-radius: 6px; /* 圆角 */
|
||||
transition: all 0.3s ease;
|
||||
|
||||
.el-icon {
|
||||
@@ -746,12 +740,10 @@ const onClickToWeChat = () => {
|
||||
|
||||
.scrollable-div::-webkit-scrollbar-track {
|
||||
background: #f5f5f5;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.scrollable-div::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(to bottom, #e0e0e0, #bdbdbd); /* 渐变色滚动条 */
|
||||
border-radius: 10px;
|
||||
border: 2px solid transparent;
|
||||
background-clip: content-box;
|
||||
}
|
||||
@@ -764,9 +756,8 @@ const onClickToWeChat = () => {
|
||||
.switch-span {
|
||||
display: inline-block;
|
||||
padding: 5px 12px;
|
||||
background-color: #ecf5ff;
|
||||
background-color: #00DA72;
|
||||
color: #409eff;
|
||||
border-radius: 20px; /* 更圆润的形状 */
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
Reference in New Issue
Block a user