小程序页面字体怎么调小

小程序

1304

2020/12/9 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"的字体大小。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

小程序页面字体怎么调小

最新知识库

相关标签