例如,可以使用uni-storage组件将用户设置存储在本地: export default { methods: { onChangeFontSize: function(value) { uni.setStorageSync('font-size', value) uni.setGlobalStyle({ 'html,body': { fontSize: uni.upx2px(value) + 'px' } }) } } } 在页面上调用这个方法,可以设置用户选择的不同...
把根节点font-size值写入vuex中。 实现字体大小设置页面。修改大小后,要把值写入缓存和vuex。 APP启动时,从缓存里读取上次设置的fontSize值,赋值给vuex_fontsize。 其他需要被控制大小的页面,顶部添加代码: <page-meta :page-font-size="vuex_fontsize+'px'" :root-font-size="vuex_fontsize+'px'"></page-...
replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"' ); html = html.replace(/<\/pre/gi, "</p"); for (let i = 0; i < GRT.length; i++) { graceRichTextReg = new Reg...
用到vue3 和 uniapp , mp-html 插件版本是v2.5.0, 插件地址:https://ext.dcloud.net.cn/plugin?id=805 用npm方式打包放到compenonts文件,如图,打包步骤详见官方文档。 3. 页面具体代码 <template> <view class="htmlparsePage"> <view class="fixedTop"> <topbar :config="barConfig"></topbar> <...
"fontSrc":"/static/uni.ttf", //按钮的图片来源 "text":"\ue500" //按钮的unicode代码 }, // 右边按钮 { "color":"#000000", "colorPressed":"#000", "float":"right", "fontSize":"30px",//按钮上文字的大小 "fontSrc":"/static/uni.ttf", ...
data.content为后台传入的一段html代码 1.使用v-html <p class="content" style="width: 100%;" v-html = "data.content">data.content</p> 但是此方法不能控制html中图片的大小 2.使用rich-text <rich-text class="content" id="richId" :nodes="data.content | formatRichText"></rich-text> ...
首先要改造的是style="font-size: 180rpx;" 这里不能直接写死,而是要动态改变,所以我在 data 当中定义了一个变量curFontSize,默认值为"180rpx", 并且替换掉了原来的style="font-size: 180rpx;" 代码语言:vue 复制 curFontSize: "180rpx", 代码语言:vue ...
}.child{font-size:0.8em;/* 等于父元素字体大小的80% */} 3.2 rem rem单位是相对于根元素(即 )的字体大小来计算的。相对于em单位,rem更容易控制和调整。 html{font-size:16px; }.box{font-size:1.2rem;/* 等于根元素字体大小的1.2倍 */} ...
{//优先级高于iconPath,该属性依赖tabbar根节点的iconfontSrc"text":"\ue102","selectedText":"\ue103","fontSize":"17px","color":"#000000","selectedColor":"#0000ff"}},{"pagePath":"pages/API/index","iconPath":"static/image/icon_API.png","selectedIconPath":"static/image/icon_API_HL.png...
fontSize: 文字默认大小 list:tab 列表 pagePath:页面路径,必须在 pages 中先定义 text:tab 上按钮文字 iconPath:图片路径 selectedIconPath:选中时的图片路径 这里设置 index.vue、message.vue、user.vue 三个页面为底部导航栏。 5. 内置组件 官网关于内部组件的文档: ...