uniapp按钮样式怎么改

uniapp按钮样式怎么改？接下来就来为大家介绍一下更改方法，一起来看看吧。

1、打开Hbuilder，新建一个项目。

2、项目类型选择uni-app，输入项目名称，再点击“创建”。

3、在vue文件中添加button，通过type选择按钮的样式。

4、添加loding和disabled来定义按钮加载中和禁用的样式。

5、通过plain来取消按钮的背景颜色。

6、通过size确定按钮的大小。

以上就是为大家介绍了uniapp按钮样式怎么改，希望对大家有所帮助。

uni-app动态样式

uni-app 图片适配 动态计算图片高度

如下所示，在不同屏幕尺寸下，我的图片展示比例始终为 1:1

<image mode="scaleToFill" class="swiper-image" :src="imageUrl" :style="{height:imageHeight 'px'}"></image>

mode 属性用来配置图片的缩放模式，描述如下

• aspectFit 缩放显示图片全部
• aspectFill 缩放填满容器，但是图片可能显示不全
• widthFix 以宽度为基准，等比缩放长
• heightFix 以高度为基准，等比缩放宽

我这里图片的宽度是填充屏幕的，所以图片的宽度等于屏幕的宽度，我的图片需要 1：1，所以我在这里只需要将我的图片的高度设置为等于屏幕宽度即可

<script> export default{ data() { return { imageHeight: 280, } }, methods:{ //这个方法可以在页面详情数据获取完成后如果有图片 //需要显示时，再调用这个方法 setImageHeight: function() { var _this = this; //获取系统数据 uni.getSystemInfo({ success: function(res) { //动态设置图片的高度 _this.imageHeight = res.windowWidth; } }); } } } </script>