thzxcx/FirstUI-vue
1
0
Fork 0
Code Pull Requests Packages Releases Activity

chore: fui-preview 引入阿里巴巴图标

Browse Source
This commit is contained in:
Hefeng
2023-10-25 18:44:08 +08:00
parent b9edbdfb32
commit 2c92d98c0a
4 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/firstui/fui-preview/fui-preview.vue
View File

@ -185,6 +185,8 @@ export default {
text: 'text', text: 'text',
color: 'color', color: 'color',
icon:'icon', icon:'icon',
customPrefix:'customPrefix',
iconBtnSize:'iconBtnSize',
fuiColor: { fuiColor: {
primary: (app && app.primary) || '#465CFF', primary: (app && app.primary) || '#465CFF',
success: (app && app.success) || '#09BE4F', success: (app && app.success) || '#09BE4F',
@ -337,8 +339,8 @@ export default {
:hover-class="highlight ? 'fui-preview_hover' : ''" :hover-stay-time="150" @tap="handleClick(idx)" :hover-class="highlight ? 'fui-preview_hover' : ''" :hover-stay-time="150" @tap="handleClick(idx)"
> >
<fui-icon v-if="btn[icon]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || fuiColor.primary" :size="iconSize" ></fui-icon> <fui-icon v-if="btn[icon] && !btn[customPrefix]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || fuiColor.primary" :size="iconSize" ></fui-icon>
<fui-icon v-if="btn[icon] && btn[customPrefix]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || fuiColor.primary" :size="iconSize" custom-prefix="iconfont"></fui-icon> <fui-icon v-if="btn[icon] && btn[customPrefix]" :name="btn[icon]" style="margin-right: 16rpx;" :color="btn[color] || fuiColor.primary" :size="btn[iconBtnSize] || iconSize" custom-prefix="iconfont"></fui-icon>
<text <text
:style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }" :style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }"
:class="{ 'fui-preview__link': !btn[color] }" :class="{ 'fui-preview__link': !btn[color] }"

0
components/firstui/fui-preview/icon-weixiu.ttf → components/firstui/fui-preview/iconfont-ttf/icon-weixiu.ttf
View File

2
components/firstui/fui-preview/iconfont.css
View File

@ -1,6 +1,6 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id */ font-family: "iconfont"; /* Project id */
src: url('icon-weixiu.ttf?t=1698227292474') format('truetype'); src: url('./iconfont-ttf/icon-weixiu.ttf') format('truetype');
} }
.iconfont { .iconfont {

12
pages/component/layout/preview/preview.vue
View File

@ -2,7 +2,7 @@
* @Author: Hefeng 1057605508@qq.com * @Author: Hefeng 1057605508@qq.com
* @Date: 2023-08-23 13:21:50 * @Date: 2023-08-23 13:21:50
* @LastEditors: Hefeng 1057605508@qq.com * @LastEditors: Hefeng 1057605508@qq.com
* @LastEditTime: 2023-10-18 11:28:33 * @LastEditTime: 2023-10-25 18:20:56
* @FilePath: \FirstUI-vue\pages\component\layout\preview\preview.vue * @FilePath: \FirstUI-vue\pages\component\layout\preview\preview.vue
* @Description: * @Description:
* *
@ -55,8 +55,14 @@
value: '路上请安全第一，如果超时可提前按已送达或与我联系。辛苦了！' value: '路上请安全第一，如果超时可提前按已送达或与我联系。辛苦了！'
}], }],
buttons: [{ buttons: [{
text: '联系客服' text: '详情',
}] icon: 'visible',
}, {
text: '确认维修',
icon: 'icon-weixiu',
customPrefix: true,
iconBtnSize: '32'
}]
}, },
previewData2: { previewData2: {
label: '个人信息', label: '个人信息',