Vue如何给图片宽高设置固定比例
VUE标签根据宽度按比例实现高度 1、安装指令 “vue-proportion-directive”: “^1.1.0”,
npm install vue-proportion-directive --save
2、在main.js中引入指令
// 控制标签宽高成比例的指令
import proportion from 'vue-proportion-directive';
Vue.use(proportion);
3、示例
<div class="div1" style="width: 20%;float: left" v-proportion="0.85"></div>
<div class="div2" style="width: 30%;float: left" v-proportion="1.6"></div>
<div class="div3" style="width: 40%;float: left" v-proportion="0.65"></div>
效果如下
你可能感兴趣的文章
0
赞
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
8、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦