当你按下A+的时候
font_size+=1
这很难吗
难的是程序里所有的字体都不能写死,要使用这个变量才行。
你你需要 使用 less或者scss才行 。然后 字体大小用一个变量保存 。然后所有 字体大小都用这个变量 。
通过ref实例获取点击控件的实例,通过实例拿到其样式font-sizi,然后每次点击时将一个变量自增赋给他
<template>
<view>
<text ref="mydom">李四</text>
<button @click="handleFont(1)">增大</button>
<button @click="handleFont(2)">缩小</button>
</view>
</template>
<script>
export default {
data() {
return {
vHeight:12
}
},
methods: {
handleFont(i){
// this.$refs.mydom.$el.innerText = '王五'//点击改变文本内容
const that=this
if(i == 1){
that.$refs.mydom.$el.style.fontSize=that.vHeight ++ + 'px'
}
if(i == 2){
that.$refs.mydom.$el.style.fontSize=that.vHeight -- + 'px'
}
}
}
}
</script>