uniapp
一颗前端子
这个作者很懒,什么都没留下…
展开
-
uniapp横向滑动完整代码
效果:横向滑动<template> <view class="content"> <scroll-view scroll-x="true" class="scroll"> <view class="box"> <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j原创 2021-01-04 16:45:21 · 2085 阅读 · 0 评论 -
uniapp中popup组件中的使用以及坑
实现效果:点击实现弹出层根据插件市场的来但是在引入的时候因为我位置不对,所以我引入的时候没按照图上面顺序引入 就报错click is nota function 什么的 百度半天也没找到什么原因 ,就在准备放弃的时候 准备删除引入的时候发现自己引入的错误了后面放图片也报错,过了一会就不报错了???change这个还挺有用的能够获取到你的type 中间还是底部弹出的一个状态最开始css样式怎么都搞不好,改变哪里的宽度都不行,于是f12一层层找,添加width属性一个个尝试,原创 2021-01-04 15:30:13 · 22162 阅读 · 1 评论 -
uniapp单选按钮的使用
效果图:代码截图:console.log(evt.detail) 可以获取我点击的值<template> <view> <view style="display: flex;width: 100%;text-align: center;"> <view v-for="(i, index) in list" :key="index" @click="changeys(index)" :class="['w_25', changeid =原创 2021-01-04 09:08:15 · 9562 阅读 · 0 评论 -
uniapp实现固定导航循环更改样式更改页面
实现效果如下:点击某个盒子后 更改蓝色字体 并且只显示 属于该数字的盒子分析:代码如下:<template> <view class="content"> <view style="display: flex;width: 100%;"> <view style="width: 20%;text-align: center;" v-for="(i,index) in title" :key="index" @click="choose原创 2020-12-28 17:04:17 · 606 阅读 · 0 评论 -
uni.scss uni-app内置的常用样式变量
/**这里是uni-app内置的常用样式变量uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App*//**如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能如果你的项目同样使用了scss预处理,你也可以原创 2020-12-01 09:56:51 · 9682 阅读 · 4 评论 -
uviewui实现日期间隔 弹出(模态框)
需要实现效果如下:介于uniappui只能显示 年月日 和时分 我不知道怎么合并换了一个uviewui 能够实现 但是点击才出现弹框 加载的时候并没有显示当前日期找半天 先用模态框【自带组件】//模态框的组件<template> <view> <u-modal v-model="show" :content="content"></u-modal> <u-button @click="open"> 打开模原创 2020-11-27 16:10:12 · 4512 阅读 · 1 评论 -
uniapp根据ui设计图实现新增和删除功能
h5采用的简洁css默认有显示2条数据新增一条数据 加的都是重复的 没有通过v-model来添加在以上这种情况 只是添加一条h5 数据用户填写删除的一整条数据 应该放item 而不是index过滤很神奇...原创 2020-11-27 09:44:03 · 2150 阅读 · 0 评论 -
uniapp实现日期区间的选择(默认获取当前时间)
实现效果:h5:data() { const currentDate = this.getDate({ format: true }) const currentDate2 = this.getDate({ format: true }) return { fontnum:0, date: currentDate, date2: currentDate2,bindDateChange: function(e) { th原创 2020-11-27 14:29:37 · 8768 阅读 · 1 评论 -
uniapp实现textarea中显示字数问题
实现效果:h5:输入文字的时候可以出发input事件具体实现方法原创 2020-11-27 14:25:29 · 4441 阅读 · 0 评论