hookehuyr

feat(首页): 引入iconfont图标库并在首页卡片添加演示图标

- 添加iconfont样式文件,包含丰富的图标字体定义
- 在首页概览卡片标题行中添加演示图标,展示图标使用方式
- 调整卡片标题布局为flex布局以容纳图标和文字
......@@ -9,6 +9,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "@/assets/styles/iconfont.less";
:root {
--nut-primary-color: #A67939;
......
@font-face {
font-family: "iconfont";
src:
url("https://at.alicdn.com/t/c/font_4618760_7lrp6nlwv9y.woff2?t=1778124018667") format("woff2"),
url("https://at.alicdn.com/t/c/font_4618760_7lrp6nlwv9y.woff?t=1778124018667") format("woff"),
url("https://at.alicdn.com/t/c/font_4618760_7lrp6nlwv9y.ttf?t=1778124018667") format("truetype");
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zanwuneirong:before {
content: "\e64b";
}
.icon-zhiribiao:before {
content: "\e6c2";
}
.icon-yanzhengma:before {
content: "\e6c1";
}
.icon-changdigailan:before {
content: "\e6bf";
}
.icon-queren:before {
content: "\e6c0";
}
.icon-jichengmingdanguanli:before {
content: "\e6bb";
}
.icon-shenqingbiao:before {
content: "\e6bc";
}
.icon-weixintongzhimoban:before {
content: "\e6bd";
}
.icon-gangweihuizong:before {
content: "\e6be";
}
.icon-mima:before {
content: "\e6b5";
}
.icon-shoucang:before {
content: "\e6b6";
}
.icon-daiban:before {
content: "\e6b7";
}
.icon-faqi:before {
content: "\e6b8";
}
.icon-chaosong:before {
content: "\e6b9";
}
.icon-geren:before {
content: "\e6ba";
}
.icon-zhankai:before {
content: "\e6b0";
}
.icon-fanhui:before {
content: "\e6b1";
}
.icon-guanbi:before {
content: "\e6b2";
}
.icon-guan:before {
content: "\e6b3";
}
.icon-kai:before {
content: "\e6b4";
}
.icon-bianji:before {
content: "\e6a8";
}
.icon-tianjia:before {
content: "\e6a9";
}
.icon-gouwuche:before {
content: "\e6aa";
}
.icon-rili:before {
content: "\e6ab";
}
.icon-shanchu:before {
content: "\e6ac";
}
.icon-dianhua:before {
content: "\e6ad";
}
.icon-right:before {
content: "\e6ae";
}
.icon-dui:before {
content: "\e6af";
}
.icon-left:before {
content: "\e6a7";
}
.icon-nv-01:before {
content: "\e6a5";
}
.icon-nan-01:before {
content: "\e6a6";
}
.icon-sousuo:before {
content: "\e69c";
}
.icon-nianfogongxiu:before {
content: "\e69d";
}
.icon-qita:before {
content: "\e69e";
}
.icon-huodonghaibao:before {
content: "\e69f";
}
.icon-rusizhinan:before {
content: "\e6a0";
}
.icon-renyuan:before {
content: "\e6a1";
}
.icon-changdishenqing:before {
content: "\e6a2";
}
.icon-huodongguanli:before {
content: "\e6a3";
}
.icon-changguicanxue:before {
content: "\e6a4";
}
.icon-yingyong:before {
content: "\e68d";
}
.icon-renyuandingwei:before {
content: "\e68e";
}
.icon-xiaoxi:before {
content: "\e68f";
}
.icon-guiyigongxiu:before {
content: "\e690";
}
.icon-wodebaoming:before {
content: "\e691";
}
.icon-wodeyuyue:before {
content: "\e692";
}
.icon-shaotouxiang:before {
content: "\e693";
}
.icon-xinzhongmingdan:before {
content: "\e694";
}
.icon-a-3Dloucengdaolan:before {
content: "\e695";
}
.icon-huodongkanban:before {
content: "\e696";
}
.icon-wode:before {
content: "\e697";
}
.icon-dicangfahui:before {
content: "\e698";
}
.icon-shijian:before {
content: "\e699";
}
.icon-shouye:before {
content: "\e69a";
}
.icon-nianduhuodongbiao:before {
content: "\e69b";
}
.icon-yigongmingdan:before {
content: "\e67f";
}
.icon-jingjinfoqi:before {
content: "\e680";
}
.icon-yufojie:before {
content: "\e681";
}
.icon-zhongyuanjie:before {
content: "\e682";
}
.icon-shuhuazhan:before {
content: "\e683";
}
.icon-zuchang:before {
content: "\e684";
}
.icon-wuzishenqing:before {
content: "\e685";
}
.icon-zuchangtongxunlu:before {
content: "\e686";
}
.icon-zhusushenqing:before {
content: "\e687";
}
.icon-shezhi:before {
content: "\e688";
}
.icon-yijian:before {
content: "\e689";
}
.icon-zhongyaoshebeibaojing:before {
content: "\e68a";
}
.icon-yongcanshenqing:before {
content: "\e68b";
}
.icon-shengtaifangsheng:before {
content: "\e68c";
}
.icon-VRzhanshi:before {
content: "\e67e";
}
.icon-ditudaolan:before {
content: "\e677";
}
.icon-guanyindan:before {
content: "\e678";
}
.icon-chanxiuying:before {
content: "\e679";
}
.icon-sanguiwujie:before {
content: "\e67a";
}
.icon-baguanzhaijie:before {
content: "\e67b";
}
.icon-fangsheng:before {
content: "\e67c";
}
.icon-jingxiuying:before {
content: "\e67d";
}
......@@ -21,7 +21,10 @@
<view class="overview-grid">
<view class="overview-card">
<text class="card-title">首页</text>
<view class="card-title-row">
<text class="card-title">首页</text>
<i class="fa iconfont icon-jingxiuying iconfont-demo"></i>
</view>
<text class="card-desc">展示当前项目概览、地图导览与测试入口。</text>
</view>
<view class="overview-card">
......@@ -219,6 +222,19 @@ useDidShow(() => {
color: #111827;
}
.card-title-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
.iconfont-demo {
flex-shrink: 0;
font-size: 42rpx;
color: #a67939;
}
.map-entry-card,
.webview-entry-card,
.test-entry-card {
......