uView1.0
文章平均质量分 50
uView-UI使用总结
sunly_
郑州前端程序员一枚
展开
-
uview:省市区3级联动
【代码】uview:省市区3级联动。原创 2024-08-09 17:21:50 · 462 阅读 · 0 评论 -
uView:步进器自定义样式代码实现
uView:步进器自定义样式代码实现。原创 2023-10-30 10:59:32 · 454 阅读 · 0 评论 -
复选框,购物车功能,单选,全选
<template> <view class="index"> <u-navbar title="购物车" :is-back="false" :border-bottom="false" title-color="#333" :background="{background:'#fff'}"> <view class="page_navbar_warp"> <image src="../../static/icon/0.png"原创 2023-07-13 14:57:51 · 226 阅读 · 0 评论 -
自定义键盘支付:u-keyboard、u-message-input
<!-- 余额支付输入密码 --><u-keyboard default="" ref="uKeyboard" mode="number" :mask="true" :mask-close-able="false" :dot-enabled="false" v-model="paypasswordShow" :safe-area-inset-bottom="true" :tooltip="false" @change="onChange" @bac原创 2022-03-18 15:12:56 · 1896 阅读 · 0 评论 -
tabs 标签
功能描述该组件,是一个tabs标签组件,在标签多的时候,可以配置为左右滑动,标签少的时候,可以禁止滑动。 该组件的一个特点是配置为滚动模式时,激活的tab会自动移动到组件的中间位置。用到的参数list: 标签数组,元素为对象,如[{name: '推荐'}]is-scroll: tabs是否可以左右拖动current: 指定哪个tab为激活状态@change: 点击标签时触发bg-color: tabs导航栏的背景颜色active-color: 滑块和激活tab.原创 2022-03-10 16:08:36 · 1122 阅读 · 0 评论 -
Upload 上传:图片上传
需要用到的APIaction:服务器上传地址max-count:最大选择图片的数量form-data:上传额外携带的参数name:上传文件的字段名,供后端获取使用第一种:选择图片后,直接上传<template> <view class="index"> <u-upload :show-progress="false" :action="action" :form-data="formData" max-count="3" .原创 2021-11-08 11:24:36 · 7085 阅读 · 0 评论 -
Image 图片:基本使用
基本使用,参考API<template> <view class="index"> <u-image width="700rpx" height="300rpx" :src="src"></u-image> </view></template><script> export default { data() { return { src: 'https://cdn.uviewui.co.原创 2021-11-08 10:30:43 · 2165 阅读 · 0 评论 -
Button 按钮:防连点,节流防抖
功能描述提交接口,点击按钮时,需要做防连点处理,参数data() { return { loading:false, // (Boolean):按钮名称前是否带 loading 图标,为true时,不能点击。 throttleTime:1000, // (String | Number):节流的时间间隔(一定时间内无论点击多少次,只会触发一次click事件),单位ms, }},完整代码<template> <view class="index">.原创 2021-11-08 10:16:25 · 1737 阅读 · 0 评论 -
uView-ui配置
1、下载地址uView-ui完成后将红框内uview-ui文件复制到测试uview文件夹根目录2、配置步骤:引入uView主JS库,在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。// main.jsimport uView from "uview-ui";Vue.use(uView);在引入uView的全局SCSS主题文件,在项目根目录的uni.scss中引入此文件。/* uni.scss */@impor.原创 2021-11-08 09:53:30 · 3094 阅读 · 0 评论