![](https://img-blog.csdnimg.cn/e1ec932010f546b881b261b11ac84872.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uView
uview
我们都是柠檬精诶
哈 哈哈 哈哈哈 哈哈哈哈
展开
-
使用HBuilderX(app板)创建uniapp+uview项目
由于小王同学的号令,我要写个文档交塔使用HBuilderX(app板)创建uniapp+uview项目。Step1:右键创建项目,选择uni-app,模板选择uView UI,点击创建,框架就搭建好了。Step2:这个时候的目录结构就是这样哒。Step3: 运行项目时,随便打开一个文件,比如上图的 package.json 文件,选择 运行—运行到浏览器—Chrome,运行完毕就会自动打开谷歌浏览器(如果你默认刘安琪是谷歌的话)...原创 2021-01-30 11:50:03 · 1767 阅读 · 0 评论 -
将时间(2021-03-13 00:00:00)格式化时间戳(uniapp+uview)
将时间(2021-03-13 00:00:00)格式化时间戳Math.round(new Date(val) / 1000)main.jsVue.prototype.$timeStamp = function(val) { let times = Math.round(new Date(val) / 1000) return times}使用:{{ $u.timeFormat($timeStamp(res.time), 'yyyy-mm-dd hh:MM:ss') }}...原创 2021-01-12 14:08:57 · 6463 阅读 · 2 评论 -
uniapp+uview Select选择器数据绑定不是想要的问题
扫盲:value用于在回调时,区别选择了哪一个(针对开发者),相当于键值对的_Keylabel用于展示在选择器中,供用户选择和查看(针对用户),相当于键值对的_Value描述:在表单绑定中,如果后台传过来的数据是数字(也就是value),这个时候为了展示需要把数字转换成对应文字。解决思路:1、拿到数据时对其进行转换,转换成对应值(也就是 label)2、在提交到接口前,在对其进行转换,变成后台想要的数据。Trouble:思路是对的,但是如果在列表数据多的情况下,就需要自己封装一个转换的方.原创 2020-12-24 09:41:20 · 4406 阅读 · 0 评论 -
解决uview from-item 项里溢出隐藏问题
不知道什么原因,但是可以加个一个底部边距。原创 2020-12-11 13:40:22 · 1151 阅读 · 1 评论 -
uniapp+uview @tap.stop=“stop“阻止冒泡失效 bug
阻止事件冒泡时,直接在需要使用的方法上加 .stop 无效,需要在外层加一层标签 <view @tap.stop=“stop”>原创 2020-12-08 18:42:53 · 7346 阅读 · 2 评论 -
uview 使用内置样式文字省略u-line-1,u-line-2,u-line-3,u-line-4,u-line-5
文字省略: u-line-1,u-line-2,u-line-3,u-line-4,u-line-5五个类名在文字超出内容盒子时,分别只显示一行、两行、三行、四行、五行+省略号。<view class="u-line-3">发货时间发货时间发货发货时间发货时间发货发货时间发货时间发货时间发发货时间发货时间发货发货时间发货时间发货时间发发货时间发货时间发货时间发</view>#定位#字体大小#文字对齐#重置按钮样式#内外边距#flex布局...原创 2020-11-28 13:51:22 · 4753 阅读 · 2 评论 -
uview颜色搭配
一、字体颜色uview 分别提炼了4种用于文字颜色,分别是:主要文字、常规文字、次要文字、占位文字颜色。 主要文字颜色一般用于内容的标题等,如新闻列表的标题常规文字颜色一般用于内容的主体,如新闻列表的概要 次要文字颜色一般用于内容的提示部分,如新闻列表底部的时间,评论数量的提示文字占位文字颜色属于更浅的灰色,看场景选择使用/* 变量的定义,该部分uView已全局引入,无需您编写 */$u-main-color: #303133;$u-content-color: #606266;$u-t原创 2020-11-27 15:50:04 · 3093 阅读 · 1 评论 -
uview 中使 u-form 的 u-form-item 内容右移 slot=“right“
<u-form-item label-width="130" label="接收推送" prop="intro"> <!-- 此处switch的slot为right,如果不填写slot名,也即 u-switch 将会左对齐 --> <u-switch v-model="popForm.accept" size="35" active-color="#216fff" slot="right"></u-switch></u-form-item&g.原创 2020-11-24 18:19:17 · 14298 阅读 · 5 评论 -
uni-app UI框架之uview-ui使用教程
uview如何配置到uniapp项目中?如果你想了解到更详细的文档,进入 uview官网 查看1、使用安装包方式首先要去官网下载最新的包 下载地址官网提供了三种包:第一种方式只有uview源码,这是uview的核心。第二种方式类似于一个uview项目的脚手架,这是个空项目,但它已经帮我们配置好uview了,所以如果你是一个新的uniapp项目,可以选择下载这个。第三种是整个uView演示项目,里面有uView核心,组件演示,模板等。此项目运行用于查看UI演示效果,复制模板案例,通过里面的示转载 2020-10-10 15:53:52 · 11207 阅读 · 5 评论