基于python实现MUI区域滚动
作者:衡辉 发布时间:2023-11-04 02:38:52
标签:python,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、结语
这次的问题是在对页面进行优化时发现的,修改之后整个页面都美观了许多。当遇到这类的问题的时候其实应该仔细检查,只要是有一定的基础都可以发现这个问题并进行改正。
0
投稿
猜你喜欢
- 最近在工作中遇到了一个小问题,如果要将字符串型的数据转换成dict类型,我第一时间就想到了使用json函数。但是里面出现了一些问题1、通过j
- 正在学习javascript 的朋友可以把它当作小练习动手做一做。加强自己的动手编码能力。参考代码:<!DOCTYPE HTML PU
- ctrl + r => 输入drivers回车 => etc/hosts , 用记事本打开它,在 127.0.0.1 local
- 如何用数据库制作一个多用户版的计数器?代码和说明如下:count.asp' 计数器的核心程序<%Set c
- 定义简单的类面向对象是更大的封装,在一个类中封装多个方法,这样通过这个类创建出来的对象,就可以直接调用这些方法了!定义只包含方法的类在pyt
- 代码如下:declare @Q_ID uniqueidentifier set @Q_ID = dbo.uf_GetParamValueBy
- by cpglkg <script>var arr=[5,10,15];function rect(arr,width){&nb
- 武器档案名称:firebug最新版本:1.7用途:前端调试器必备指数:使用难度:firebug是前端最具盛名的调试器,功能非常强悍。fire
- 本文介绍了使用xmlhttp处理远程文件数据、或采集文章时,对对方网页编码的处理方法。因为使用ajax的xmlhttp网页编码处理不当很容易
- Tag,直译标签,是一种由用户自定义的、用于描述信息 [1]的关键词。Tagging是用户为信息赋予Tag的行为。Delicious,Fli
- 本文整理了一部分我们平时在项目中经常遇到的关于go语言JSON数据与结构体之间相互转换的问题及解决办法。基本的序列化首先我们来看一下Go语言
- 在爬一个网站的时候,端点包含中文浏览器是可以自动解决这个转换的,在代码中就需要处理一下了。请求过程的异常如下:self._output(re
- 前言在我们的日常开发中, 常用的中间件有很多, 今天来讲一下怎么集成限流中间件, 它可以很好地用限制并发访问数来保护系统服务, 避免系统服务
- 昨天在做一道CTF题的时候碰到了一个图片异或的问题,操作大概如下:将一个图片读入,然后每字节进行异或操作,核心代码可简化为以下:#codin
- 使用python基于cartopy库绘制台风路径使用python 绘制西太平洋进入我国的台风路径,文件为.dat格式,内容如下所示:代码如下
- 最最简单的操作import numpy as npimport matplotlib.pyplot as pltfig = plt.figu
- 利用pygame实现了简易版飞机大战。源代码如下:# -*- coding:utf-8 -*-import pygameimport sys
- C方法是ThinkPHP用于设置、获取,以及保存配置参数的方法,使用频率较高。了解C方法需要首先了解下ThinkPHP的配置,因为C方法的所
- # set 不支持索引和切片,是一个无需的不重复得到容器# 类似于字典,但是只有key 没有value# 创建集合dic1={}set1={
- event-----------------------------------------------------------------