pages.json

<template><view><!-- <view class=""><text>唱歌跳舞</text></view><view seletable><text>唱歌跳舞</text></view><view seletable space="ensp"><text>唱歌 跳舞</text></view> --><view class="box" hover-class="box-active">我是一個大盒子</view><view class="box2" hover-class="box-active" hover-stop-propagation="">我是一個大盒子</view><button type="default">阿牛</button><button size="mini">阿牛</button><button type="primary">阿牛</button><image src="../../static/1.jpg" mode="aspectFit"></image></view> </template><script>export default {data() {return {}},methods: {}} </script><style> .box{width: 100px;height: 100px;background: #007AFF; } .box2{width: 200px;height: 200px;background: #4CD964; } .box-active{background: red; } </style>

運行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的前端学习（2354）：image组件的基本使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。