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

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

View File

@ -185,6 +185,8 @@ export default {
text: 'text',
color: 'color',
icon:'icon',
customPrefix:'customPrefix',
iconBtnSize:'iconBtnSize',
fuiColor: {
primary: (app && app.primary) || '#465CFF',
success: (app && app.success) || '#09BE4F',
@ -337,8 +339,8 @@ export default {
: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" 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="iconSize" ></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
:style="{ fontSize: `${btnSize}rpx`, color: btn[color] || '#465CFF' }"
:class="{ 'fui-preview__link': !btn[color] }"

View File

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

View File

@ -2,7 +2,7 @@
* @Author: Hefeng 1057605508@qq.com
* @Date: 2023-08-23 13:21:50
* @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
* @Description:
*
@ -55,8 +55,14 @@
value: '路上请安全第一,如果超时可提前按已送达或与我联系。辛苦了!'
}],
buttons: [{
text: '联系客服'
}]
text: '详情',
icon: 'visible',
}, {
text: '确认维修',
icon: 'icon-weixiu',
customPrefix: true,
iconBtnSize: '32'
}]
},
previewData2: {
label: '个人信息',