私域电商软件及相关增值服务提供商    

关于严厉谴责冒用我司名义发布虚假招聘信息严正声明 北京:4006-601-982 / 深圳:4008-400-198 / 长沙:4006-089-731
免费试用

小程序全屏展示图片的实现方式

2020-09-27|HiShop
导读:很多时候大家在使用小程序时,点击图片可以实现图片全屏,图片占满整个屏幕的情况,这是如何实现的呢?...

  小程序全屏展示图片的实现方式

  很多时候大家在使用小程序时,点击图片可以实现图片全屏,图片占满整个屏幕的情况,这是如何实现的呢?

  将body和html设置为***,这样我们就可以在他们的子元素中使用height:***来使的我们的容器元素占满屏幕的高度啦。

  但是在微信小程序中,是没有dom对象的,根节点是page,使用page{height:***}

小程序全屏展示图片的实现方式

  果然,是可行的。高度占满了整个小程序的窗口。

  代码:

  .myView{

  width: ***;

  height: 100vh;

  background: red;

 

HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在://m.ntjrxh.com/xiaocx/kaifa.html
 

小程序显示图片相关文章:

小程序加载图片如何实现

小程序开发上传图片如何实现

小程序上传图片组件及上传多张图片

电话咨询 微信咨询 预约演示 0元开店
Baidu
map