微信小程序7---image组件
2016-11-03 23:36
246 查看
Image組件的使用
index.wxss中设置样式
a576
<view class="cotainer"> <view class="flex item"> <view class="item-middle"> <image src="../images/a.png"></image> <image src="www.baidu.com/a.png"></image> </view> </view> </view>
index.wxss中设置样式
.flex{ display: flex; } .item{ padding: 10px; background-color:#fff; color:#eaeaea; border-top:1px solid:#eaeaea; } //修饰item 下image的样式 .item image{ display:block; width:50px; border:1px solid:#eaeaea;//給四周加分割線 border-radius:3px;//圆角 } .item-middle{ flex:1; margin-left:10px; overflow:hidden;//超出的隱藏 }
a576
相关文章推荐
- 微信小程序image组件binderror使用例子(对应html、js中的onerror)
- 微信小程序把玩(二十八)image组件
- 微信小程序 image组件binderror使用例子与js中的onerror区别
- 微信小程序 image组件的mode属性 以及 图片出现横向滚动轴
- 【笔记】微信小程序 - image组件的各种mode
- 微信小程序实例:image组件的binderror事件处理
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片
- 微信小程序使用image组件显示图片的方法【附源码下载】
- 微信小程序实现image组件图片自适应宽度比例显示的方法
- 微信小程序媒体组件(二)image
- 微信小程序 image组件的mode属性 以及 图片出现横向滚动轴
- 微信小程序把玩(二十八)image组件
- 微信小程序例子——使用image组件显示图片
- 微信小程序把玩(二十八)image组件
- 微信小程序 Image组件实例详解
- 微信小程序把玩(二十三)modal组件
- 微信小程序把玩(二十五)loading组件
- 微信小程序把玩(二十一)switch组件
- 微信小程序把玩(二十七)audio组件
- 微信小程序把玩(二十六)navigator组件