hookehuyr

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

1 <!-- 1 <!--
2 * @Date: 2022-09-26 21:52:25 2 * @Date: 2022-09-26 21:52:25
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-10-26 18:54:14 4 + * @LastEditTime: 2022-10-28 17:24:17
5 * @FilePath: /swx/src/components/activity-editor.vue 5 * @FilePath: /swx/src/components/activity-editor.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -23,12 +23,15 @@ ...@@ -23,12 +23,15 @@
23 <view class="operate-box" data-header="h2" @tap="_addHeader"> 23 <view class="operate-box" data-header="h2" @tap="_addHeader">
24 <text class="iconfont icon-h2"></text> 24 <text class="iconfont icon-h2"></text>
25 </view> 25 </view>
26 - <view class="operate-box" data-header="h3" @tap="_addHeader"> 26 + <!-- <view class="operate-box" data-header="h3" @tap="_addHeader">
27 <text class="iconfont icon-h3"></text> 27 <text class="iconfont icon-h3"></text>
28 - </view> 28 + </view> -->
29 <view class="operate-box" data-align="left" @tap="_addAlign"> 29 <view class="operate-box" data-align="left" @tap="_addAlign">
30 <text class="iconfont icon-alignLeft"></text> 30 <text class="iconfont icon-alignLeft"></text>
31 </view> 31 </view>
32 + <view class="operate-box" data-align="center" @tap="_addAlign">
33 + <text class="iconfont icon-juzhong"></text>
34 + </view>
32 <view class="operate-box" data-align="right" @tap="_addAlign"> 35 <view class="operate-box" data-align="right" @tap="_addAlign">
33 <text class="iconfont icon-alignRight"></text> 36 <text class="iconfont icon-alignRight"></text>
34 </view> 37 </view>
...@@ -188,6 +191,7 @@ export default { ...@@ -188,6 +191,7 @@ export default {
188 <style lang="less"> 191 <style lang="less">
189 /* components/hg-editor/hg-editor.wxss */ 192 /* components/hg-editor/hg-editor.wxss */
190 @import "./iconfont.less"; 193 @import "./iconfont.less";
194 +@import "./iconfont1.less";
191 195
192 .editor-box { 196 .editor-box {
193 width: 100%; 197 width: 100%;
......
...@@ -57,6 +57,10 @@ ...@@ -57,6 +57,10 @@
57 content: "\e622"; 57 content: "\e622";
58 } 58 }
59 59
60 +.icon-alignCenter:before {
61 + content: "\e623";
62 +}
63 +
60 .icon-h1:before { 64 .icon-h1:before {
61 content: "\e623"; 65 content: "\e623";
62 } 66 }
......
No preview for this file type
1 +@font-face {
2 + font-family: "iconfont"; /* Project id */
3 + src: url('iconfont.ttf?t=1666948927665') format('truetype');
4 +}
5 +
6 +// .iconfont {
7 +// font-family: "iconfont" !important;
8 +// font-size: 16px;
9 +// font-style: normal;
10 +// -webkit-font-smoothing: antialiased;
11 +// -moz-osx-font-smoothing: grayscale;
12 +// }
13 +
14 +.icon-juzhong:before {
15 + content: "\e7db";
16 +}