From b5935a204e28590f682ef9a8c75878366da942f5 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期四, 04 七月 2024 16:51:39 +0800
Subject: [PATCH] fix: 修改应用场景的滚动条
---
src/views/project/ch/home/AboutUs.vue | 51 ++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 38 insertions(+), 13 deletions(-)
diff --git a/src/views/project/ch/home/AboutUs.vue b/src/views/project/ch/home/AboutUs.vue
index 080ade3..f92169b 100644
--- a/src/views/project/ch/home/AboutUs.vue
+++ b/src/views/project/ch/home/AboutUs.vue
@@ -11,9 +11,18 @@
<p>鏅鸿兘鐩戞帶绯荤粺锛屽彲瀹炴椂鐩戞帶璁惧鐘舵�侊紝骞舵彁渚涢璀︺�佹姤璀︺�佽繙绋嬫帶鍒剁瓑鍔熻兘銆�</p>
</div>
<div class="w-[120px] self-end">
- <el-button class="btn" color="#fff"><span class="h-[25px]">Android涓嬭浇</span></el-button>
- <el-button class="btn" color="#fff"><span class="h-[15px]">Windows涓嬭浇</span></el-button>
- <el-button class="btn" color="#fff"><span class="h-[17px]">浣撻獙缃戦〉涓嬭浇</span></el-button>
+ <el-button class="btn text-[#5dccef]" color="#fff">
+ <i class="ywicon icon-changyonglogo37" style="font-size: 16px !important"></i>
+ <div class="h-[25px]">Android涓嬭浇</div>
+ </el-button>
+ <el-button class="btn text-[#5dccef]" color="#fff"
+ ><i class="ywicon icon-windows" style="font-size: 16px !important"></i>
+ <div class="h-[25px]">Windows涓嬭浇</div></el-button
+ >
+ <el-button class="btn text-[#5dccef]" color="#fff">
+ <i class="ywicon icon-jiankong" style="font-size: 16px !important"></i>
+ <div class="h-[25px]">浣撻獙缃戦〉涓嬭浇</div>
+ </el-button>
</div>
</div>
<div class="product_item column_layout bg-[#76d587]">
@@ -26,7 +35,10 @@
</div>
<div class="w-[120px] ml-auto">
- <el-button class="btn" color="#fff"><span class="h-[15px]">Windows涓嬭浇</span></el-button>
+ <el-button class="btn text-[#76d587]" color="#fff"
+ ><i class="ywicon icon-windows" style="font-size: 16px !important"></i>
+ <div class="h-[25px]">Windows涓嬭浇</div></el-button
+ >
</div>
</div>
<div class="product_item column_layout bg-[#ff7564]">
@@ -39,7 +51,10 @@
</div>
<div class="w-[120px] ml-auto">
- <el-button class="btn" color="#fff"><span class="h-[15px]">浣撻獙缃戦〉涓嬭浇</span></el-button>
+ <el-button class="btn text-[#ff7564]" color="#fff">
+ <i class="ywicon icon-jiankong" style="font-size: 16px !important"></i>
+ <div class="h-[25px]">浣撻獙缃戦〉涓嬭浇</div>
+ </el-button>
</div>
</div>
<div class="product_item row_layout bg-[#ffbb5e]">
@@ -64,7 +79,8 @@
涓撴敞浜庢妧鍏徃鐜板凡鑾峰彇杞欢钁椾綔鏉�20浣欓」锛屽叾涓�滃伐涓氬惊鐜緵姘存车绯荤粺杩愯鐘舵�佽瘖鏂笌鑺傝兘鍏抽敭鎶�鏈�濋」鐩崳鑾�2018骞村害涓浗鍟嗕笟鑱斿悎浼氱瀛︽妧鏈竴绛夊锛�
鍏徃骞朵笖杩炵画涓夊勾鑾峰緱涓婃捣甯傗�滅鎶�鍨嬩腑灏忎紒涓氭妧鏈垱鏂板熀閲戔�濊祫閲戞敮鎸� 鍙戝睍閫熷害涓婄殑浼樺紓琛ㄧ幇锛屽揩閫熷緱鍒颁簡涓氬唴鍜岀敤鎴风殑涓�鑷村ソ璇勩��
</p>
- <div class="mt-[12px] flex" v-for="(item, index) in state.usList" :key="index">
+ <div class="mt-[12px] flex" v-for="(item, index) in state.usList" :key="item.ID">
+ <i :class="`ywicon ${item.icon} mr-[8px] !text-[18px]`"></i>
<div class="info_item_title">{{ item.title }}</div>
<div class="info_item">{{ item.content }}</div>
</div>
@@ -100,21 +116,22 @@
usList: [
{
ID: 1,
- icon: '',
- title: '绠�鍘嗘姇閫�:',
- content: 'smh@eventech.cn',
+ icon: 'icon-dianhua',
+ title: '鑱旂郴鏂瑰紡:',
+ content: '023-98657832',
},
{
ID: 2,
- icon: '',
+ icon: 'icon-youxiang',
title: '鍟嗗姟鍚堜綔:',
content: 'smh@eventech.cn',
},
{
ID: 3,
- icon: '',
+
+ icon: 'icon-dizhi',
title: '鍏徃鍦板潃:',
- content: '姹熸湀璺�999鍙峰浜氱壒绉戞妧鍥�1鍙锋ゼ615瀹�',
+ content: '涓婃捣鏃堕椀琛屽尯姹熸湀璺�999鍙峰浜氱壒绉戞妧鍥�1鍙锋ゼ615瀹�',
},
],
rcList: ['/static/images/wave/copyright.jpg'],
@@ -215,7 +232,7 @@
width: 100%;
padding: 0px 8px;
height: 30px;
- line-height: 22px;
+ line-height: 25px;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
@@ -226,6 +243,13 @@
gap: 8px;
font-size: 12px;
margin-left: unset;
+ text-decoration: none;
+
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
+ font-size: 12px;
+ white-space: nowrap;
}
.column_layout {
display: flex;
@@ -317,3 +341,4 @@
}
}
</style>
+import item from 'element-plus/es/components/space/src/item';
--
Gitblit v1.9.3