uniapp中自定义swiper的高度

 时间:2024-10-12 16:54:08

1、在uniapp中使用swiper,需求是swiper占满整个屏幕,就需要自定义swiper的高度来改变原生的高度。

uniapp中自定义swiper的高度

2、第一步,给整个页面的高度100%。第二步,给swiper的父级组件高度设置为100%。第三曰搬嚏嘀步,给swiper按照需求定义高度。因底部需要有按钮,高度就通过calc计算得到。

uniapp中自定义swiper的高度uniapp中自定义swiper的高度

3、最后,设置底部的按钮样式,如果有多个按钮,可以通过child选择器进行样式设置。

uniapp中自定义swiper的高度uniapp中自定义swiper的高度

4、通过计算了swiper和底部的高度,最后的表现形式如图。一定要计算好底部的样式,不然会影响swiper面板指示点的位置。

uniapp中自定义swiper的高度
  • 如何用js制作时间间隔效果
  • Math.Random()的用法
  • idea中怎样给一个项目导入jar包?
  • IDEA怎么格式化代码
  • eclipse 导入tomcat运行环境jar包
  • 热门搜索
    苏打水怎么做 尿蛋白是怎么回事 惟妙惟肖怎么读 母乳性黄疸怎么办 自行车变速器怎么用 广东工业大学怎么样 一直咳嗽是怎么回事 众泰汽车怎么样 微信怎么退出群聊 下巴长痘怎么办