hookehuyr

富文本编辑器新增居中设置

<!--
* @Date: 2022-09-26 21:52:25
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-10-26 18:54:14
* @LastEditTime: 2022-10-28 17:24:17
* @FilePath: /swx/src/components/activity-editor.vue
* @Description: 文件描述
-->
......@@ -23,12 +23,15 @@
<view class="operate-box" data-header="h2" @tap="_addHeader">
<text class="iconfont icon-h2"></text>
</view>
<view class="operate-box" data-header="h3" @tap="_addHeader">
<!-- <view class="operate-box" data-header="h3" @tap="_addHeader">
<text class="iconfont icon-h3"></text>
</view>
</view> -->
<view class="operate-box" data-align="left" @tap="_addAlign">
<text class="iconfont icon-alignLeft"></text>
</view>
<view class="operate-box" data-align="center" @tap="_addAlign">
<text class="iconfont icon-juzhong"></text>
</view>
<view class="operate-box" data-align="right" @tap="_addAlign">
<text class="iconfont icon-alignRight"></text>
</view>
......@@ -188,6 +191,7 @@ export default {
<style lang="less">
/* components/hg-editor/hg-editor.wxss */
@import "./iconfont.less";
@import "./iconfont1.less";
.editor-box {
width: 100%;
......
......@@ -57,6 +57,10 @@
content: "\e622";
}
.icon-alignCenter:before {
content: "\e623";
}
.icon-h1:before {
content: "\e623";
}
......
No preview for this file type
@font-face {
font-family: "iconfont"; /* Project id */
src: url('iconfont.ttf?t=1666948927665') format('truetype');
}
// .iconfont {
// font-family: "iconfont" !important;
// font-size: 16px;
// font-style: normal;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// }
.icon-juzhong:before {
content: "\e7db";
}