温馨提示×

小程序页面字体怎么调小

九三
198
2020-12-09 15:59:16
栏目: 云计算

小程序页面字体怎么调小

在小程序添加点击按钮实现修改文字大小

index.wxml文件

<view class="view" style="font-size:{{fontSize}}pt"></view>

<button class="btn" type="default" bindtap="shriFontSize">点击字体变小</button>

index.js文件

Page({

 data:{

  fontSize:10

 },

 shrinkFontSize(){

  this.setData({

   fontSize:this.data.fontSize-1

  })

 }

})

在事件响应函数中使用了this.setData修改了fontSize为this.data.fontSize-1,进而动态修改了index.wxml文件中

style="font-size:{{fontSize}}pt"的字体大小。

0