纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

MUI区域滚动 基于python实现MUI区域滚动

衡辉   2021-11-18 我要评论
想了解基于python实现MUI区域滚动的相关内容吗,衡辉在本文为您仔细讲解MUI区域滚动的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:python,MUI区域滚动,MUI区域滚动的实现,MUI区域滚动,下面大家一起来学习吧。

本文转自微信公众号:"算法与编程之美"

  Python用HBuilder创建交流社区APP
  基于Python实现MUI侧滑菜单a标签跳转
  基于Python 优化 MUI标题栏
  基于python使MUI登录页面的美化

1、前言

MUI提供了区域滚动的组件,使用时遵循DOM结构就可以。若是需要使用区域滚动的组件,就需要初始化scroll控件。本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开。

2、问题描述

在创建好区域滚动之后不能够按照预想状态横向滚动,按照MUI官网上给出的代码敲入之后所有的内容都停留在了最左的界面,不能够根据横向滚动的class来具体放置。

示例:

图上的商品介绍、商家、评价原本应为区域滚动的三个部分,在将各个部分的内容对应添加上去时,全部都呈现在了一个页面。而且在滚动时下方的蓝色条并不能随之滚动,但字体会变为蓝色。

3、解决方案

查看html上的代码,可以发现在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active"><div>之后是直接使用了divclass加上之后的图片内容。

其实我们只用加入ul组件,再去调用图片与内容,就不会出现以上的情况了。

比如: <ulclass="mui-table-view"></ul> ,在每一个滚动区域都这样使用,就可以正常的进行区域滚动了

4、结语

这次的问题是在对页面进行优化时发现的,修改之后整个页面都美观了许多。当遇到这类的问题的时候其实应该仔细检查,只要是有一定的基础都可以发现这个问题并进行改正。


相关文章

猜您喜欢

  • Django 序列化 Django 序列化的具体使用

    想了解Django 序列化的具体使用的相关内容吗,等到的等待在本文为您仔细讲解Django 序列化的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Django,序列化,下面大家一起来学习吧。..
  • @Value注解取不到值 关于@Value注解取不到值的几种情况

    想了解关于@Value注解取不到值的几种情况的相关内容吗,快乐的小三菊在本文为您仔细讲解@Value注解取不到值的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:@Value注解,@Value取不到值,@Value注解取值,下面大家一起来学习吧。..

网友评论

Copyright 2020 www.gamecatcher.cn 【绿色软件园】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式