Merge branch 'main' of http://124.243.245.42:3000/sdz/ks-app-employment-service
This commit is contained in:
@@ -118,6 +118,12 @@
|
||||
</view>
|
||||
<view class="service-title">AI智能面试</view>
|
||||
</view>
|
||||
<view class="service-item press-button" @click="handleServiceClick('ai-interview')">
|
||||
<view class="service-icon service-icon-9">
|
||||
<IconfontIcon name="Graduation-simple-" :size="32" color="#FFFFFF" />
|
||||
</view>
|
||||
<view class="service-title" style="overflow:none">高校毕业生<br/>智慧就业服务</view>
|
||||
</view>
|
||||
<view class="service-item press-button" @click="navToTestPage">
|
||||
<view class="service-icon service-icon-10">
|
||||
<uni-icons type="gear-filled" size="32" color="#FFFFFF"></uni-icons>
|
||||
@@ -1369,6 +1375,8 @@ defineExpose({ loadData });
|
||||
text-overflow: ellipsis
|
||||
width: 100%
|
||||
max-width: 100%
|
||||
.service-title-special
|
||||
overflow: none;
|
||||
|
||||
// 吸顶筛选区域占位
|
||||
.filter-placeholder
|
||||
|
||||
@@ -1,57 +0,0 @@
|
||||
# 阿里图标库文件说明
|
||||
|
||||
## 📁 目录结构
|
||||
|
||||
将从阿里图标库下载的文件放在这个目录下:
|
||||
|
||||
```
|
||||
static/iconfont/
|
||||
├── iconfont.css ← CSS 样式文件
|
||||
├── iconfont.ttf ← 字体文件(TrueType)
|
||||
├── iconfont.woff ← 字体文件(Web Open Font Format)
|
||||
├── iconfont.woff2 ← 字体文件(Web Open Font Format 2.0,推荐)
|
||||
└── README.md ← 本说明文件
|
||||
```
|
||||
|
||||
## 📝 使用步骤
|
||||
|
||||
### 1. 下载图标文件
|
||||
1. 访问 https://www.iconfont.cn/
|
||||
2. 登录并选择/创建项目
|
||||
3. 添加需要的图标
|
||||
4. 点击"下载至本地"
|
||||
|
||||
### 2. 复制文件
|
||||
将下载包中的以下文件复制到本目录:
|
||||
- `iconfont.css`
|
||||
- `iconfont.ttf`
|
||||
- `iconfont.woff`
|
||||
- `iconfont.woff2`
|
||||
|
||||
### 3. 修改 CSS 路径
|
||||
打开 `iconfont.css`,将字体文件路径修改为:
|
||||
|
||||
```css
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
src: url('./iconfont.woff2') format('woff2'),
|
||||
url('./iconfont.woff') format('woff'),
|
||||
url('./iconfont.ttf') format('truetype');
|
||||
}
|
||||
```
|
||||
|
||||
### 4. 在 App.vue 中引入
|
||||
已在 `App.vue` 中自动引入,无需额外操作。
|
||||
|
||||
## ⚠️ 注意事项
|
||||
|
||||
1. **必须使用本地文件**:微信小程序不支持在线字体链接
|
||||
2. **路径必须正确**:确保字体文件路径指向正确位置
|
||||
3. **文件完整性**:确保所有字体文件都已复制
|
||||
4. **版本更新**:更新图标时替换所有文件
|
||||
|
||||
## 🔗 相关链接
|
||||
|
||||
- [阿里图标库](https://www.iconfont.cn/)
|
||||
- [使用文档](../../docs/阿里图标库引入指南.md)
|
||||
|
||||
@@ -54,6 +54,18 @@
|
||||
<div class="content unicode" style="display: block;">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">gxbys</div>
|
||||
<div class="code-name">&#xe63f;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">个人中心</div>
|
||||
<div class="code-name">&#xe60f;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">素质测评</div>
|
||||
@@ -120,9 +132,9 @@
|
||||
<pre><code class="language-css"
|
||||
>@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1760941852498') format('woff2'),
|
||||
url('iconfont.woff?t=1760941852498') format('woff'),
|
||||
url('iconfont.ttf?t=1760941852498') format('truetype');
|
||||
src: url('iconfont.woff2?t=1761826914823') format('woff2'),
|
||||
url('iconfont.woff?t=1761826914823') format('woff'),
|
||||
url('iconfont.ttf?t=1761826914823') format('truetype');
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
||||
@@ -148,6 +160,24 @@
|
||||
<div class="content font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-Graduation-simple-"></span>
|
||||
<div class="name">
|
||||
gxbys
|
||||
</div>
|
||||
<div class="code-name">.icon-Graduation-simple-
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-gerenzhongxin"></span>
|
||||
<div class="name">
|
||||
个人中心
|
||||
</div>
|
||||
<div class="code-name">.icon-gerenzhongxin
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-suzhicepingtiku"></span>
|
||||
<div class="name">
|
||||
@@ -247,6 +277,22 @@
|
||||
<div class="content symbol">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-Graduation-simple-"></use>
|
||||
</svg>
|
||||
<div class="name">gxbys</div>
|
||||
<div class="code-name">#icon-Graduation-simple-</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-gerenzhongxin"></use>
|
||||
</svg>
|
||||
<div class="name">个人中心</div>
|
||||
<div class="code-name">#icon-gerenzhongxin</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-suzhicepingtiku"></use>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 5044714 */
|
||||
src: url('iconfont.woff2?t=1760941852498') format('woff2'),
|
||||
url('iconfont.woff?t=1760941852498') format('woff'),
|
||||
url('iconfont.ttf?t=1760941852498') format('truetype');
|
||||
src: url('iconfont.woff2?t=1761826914823') format('woff2'),
|
||||
url('iconfont.woff?t=1761826914823') format('woff'),
|
||||
url('iconfont.ttf?t=1761826914823') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@@ -13,6 +13,14 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-Graduation-simple-:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
|
||||
.icon-gerenzhongxin:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
|
||||
.icon-suzhicepingtiku:before {
|
||||
content: "\e607";
|
||||
}
|
||||
|
||||
1
static/iconfont/iconfont.js
Normal file
1
static/iconfont/iconfont.js
Normal file
File diff suppressed because one or more lines are too long
@@ -5,6 +5,20 @@
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "5122382",
|
||||
"name": "gxbys",
|
||||
"font_class": "Graduation-simple-",
|
||||
"unicode": "e63f",
|
||||
"unicode_decimal": 58943
|
||||
},
|
||||
{
|
||||
"icon_id": "6311925",
|
||||
"name": "个人中心",
|
||||
"font_class": "gerenzhongxin",
|
||||
"unicode": "e60f",
|
||||
"unicode_decimal": 58895
|
||||
},
|
||||
{
|
||||
"icon_id": "28808301",
|
||||
"name": "素质测评",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
33
unpackage/dist/dev/mp-weixin/project.config.json
vendored
33
unpackage/dist/dev/mp-weixin/project.config.json
vendored
@@ -1,8 +1,7 @@
|
||||
{
|
||||
"description": "项目配置文件。",
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
"ignore": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
@@ -10,20 +9,28 @@
|
||||
"postcss": true,
|
||||
"minified": true,
|
||||
"newFeature": true,
|
||||
"bigPackageSizeSupport": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
}
|
||||
"bigPackageSizeSupport": true
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.10.3",
|
||||
"libVersion": "3.5.7",
|
||||
"appid": "wx9d1cbc11c8c40ba7",
|
||||
"projectname": "qingdao-employment-service",
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
"tabSize": 2
|
||||
"condition": {
|
||||
"search": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user