首页 > 其他分享 >uniapp-two-day-two之基础内容and滑动组件和滚动栏

uniapp-two-day-two之基础内容and滑动组件和滚动栏

时间:2024-06-05 23:05:36浏览次数:13  
标签:uniapp 滚动 two 组件 scoll 官网 day 属性

基础内容

又是码农无聊的一天,今天也就上了一节早课,下课想学习的服了结果玩了半天手机,终于是在下午学上了,真的是很难控制自己。闲聊结束。

text标签

text中有上面这几个属性,其中在我看来selectable是挺重要的一个属性,是吧现在不都说是cv工程师吗?可不就是这个来组成了我们工程师,偷偷笑一下自己,我哭这大时代。还有一个重要的关键点是在uniapp当中“\n"可以直接换行。

eg:

还有就是不能在template里直接写两次view,小程序的话是不能使用,但不会提示错误,但是web页面的话会直接编译不出来。

icon标签

下面基础演示一下,其实就是改变type属性来实现图标,但这个icon标签给的东西可太少了,一般不会使用这个吧,我看大家都是用的elementUI比较多是吧。

uniapp的滑动组件

这里大家可以去uniapp的官网查看,可以使用的属性真的多,我就不截图那么多了。

这里就主要讲一下scoll-x和scoll-y两个属性,等到我用到的时候或者需要时应该才会看完全部的属性吧。

这里学到了前端的三个属性分别是box-sizing和white-space以及display,其实也就是为了学基础基本上之前display我就只会用block和none,是不是和上文呼应了,真的就是等到勇士才会用,书到用时方恨少是吧,所以才来学习,另外两个也写注释了,就不解释了,自己看。

scoll-x和scoll-y分别是让你可以纵向和横向滑动。

uniapp的滚动组件

下面同样去官网不废话->  swiper | uni-app官网 (dcloud.net.cn)

这里我暂时觉得就,自动滚动autoplay,和最后一张衔接circular,自动滚动速度interval,指示点indicator-dots,当前指示点颜色indicator-active-color和纵向滚动vertical这些属性比较重要,纵向滚动还挺好玩的。

下面是编译后的结果

如果使用了vertical属性则是以下这样

好了今天就到这里了,不知为什么大环境就是会想让人卷起来,但是这种卷不是以前那种为了科研兴趣来得,完全就是基于工作,烦!打游戏去咯,剑来读书分享,追了六个月了,总是隔几天看几天这样反复,终于是让我看到大水怪的身姿和陈皮皮的有史以来的第一次装逼,耶勒个✌,哈哈哈,我看书说挑也不挑你,但是呢,我就爱看这种文笔好文旦爽爆的书,拜了个拜,明天早八哭了。

标签:uniapp,滚动,two,组件,scoll,官网,day,属性
From: https://blog.csdn.net/kkko1/article/details/139483552

相关文章

  • day1.数组
    题目:https://leetcode.cn/problems/binary-search/submissions/537498050/代码随想录解析:https://programmercarl.com/0704.二分查找.html#思路并不熟悉区间不变,很容易写乱,一定要清晰的知道自己的边界。特别需要注意的是,如果为左闭右开,则while中的判断是<;如果为左闭右闭,......
  • Day1 学习笔记及成果---MapReduce实现手机流量统计分析
    Day1学习笔记及成果—MapReduce实现手机流量统计分析题目统计每个手机号上行流量和、下行流量和、总流量和(上行流量和+下行流量和),并且:将统计结果按照手机号的前缀进行区分,并输出到不同的输出文件中去。13*==>…15*==>…other==>…其中,access.log数据文件部分......
  • Day2 学习笔记及成果---基于MapReduce项目实现中所遇到的问题及解决方法
    Day2学习笔记及成果—基于MapReduce项目实现中所遇到的问题及解决方法问题一:主机和虚拟机互相能ping通,主机能ping通外网,虚拟机不能ping通外网。解决方案:可能的错误原因是网关设置有问题,虚拟机的网关应该和自己的网关一直,自己的网关可在编辑-虚拟网络设置中查看。首先执......
  • P4785 [BalticOI 2016 Day2] 交换 题解
    看到\(i\)和\(\lfloor\frac{i}{2}\rfloor\),考虑一颗二叉树。题目的操作相当于按顺序交换当前节点和左右儿子的权值。假设当前考虑的节点为\(id\),左儿子为\(ls\),右儿子为\(rs\),当前这些点的值分别为\(A,B,C\)。因为\(id\)的位置最靠前,最终又要字典序最小,所以要尽可能......
  • Studying-代码随想录算法训练营day1| 数组理论基础,704二分查找,27.移除元素
    第一天......
  • [CISCN2019 华北赛区 Day1 Web5]CyberPunk
    [CISCN2019华北赛区Day1Web5]CyberPunk在源代码中发现提示可能存在文件包含,并且还有search.php,change.php,delete.php这三个文件,通过php伪协议进行读取?file=php://filter/convert.base64-encode/resource=index.php?file=php://filter/convert.base64-encode/resource=sear......
  • Day14 | 二叉树递归遍历
    递归遍历(必须掌握)二叉树的三种递归遍历掌握其规律后,其实很简单题目链接/文章讲解/视频讲解:https://programmercarl.com/二叉树的递归遍历.html注意前中后指的是根节点在前、中、后次序进行遍历。前序遍历#Definitionforabinarytreenode.#classTreeNode:#de......
  • 【DAY8】循环干涉和循环嵌套
    练习题:全系1000学生中,征集慈善募捐,当总数达到10万元就结束,统计此时捐款的人数,以及平均每人捐款的数目#include<stdio.h>intmain(){ intnumOfPerson; inttotalMoney=0; intmoney; for(numOfPerson=1;numOfPerson<=1000;numOfPerson++){ printf("请输入捐款数......
  • 【DAY9】循环嵌套输出某个规律的数列
    题目:输出以下4*5矩阵:12345246810369121548121620以下是代码:#include<stdio.h>intmain(){ inti; intj; for(i=1;i<=4;i++){ for(j=1;j<=5;j++){ printf("%d",i*j);//每个数都是i和j的乘积 } printf("\n&quo......
  • network xxx was found but has incorrect label com.docker.compose.network set to
    在执行docker-composedown之后,再执行docker-composeup-d提示已有同名称标签的虚拟网卡  解决1、执行dockernetworkls命令展示所有的虚拟network2、执行dockernetworkrm<networkId>删除已存在的network3、再重新运行docker-composeup-d启动容器  扩......