uview

首页 > TAG信息列表 > uview

直播平台软件开发，uview使用文字按钮的三种办法

直播平台软件开发，uview使用文字按钮的三种办法 1.使用uview内置的重置按钮样式。注意这里是uniapp的<button>不是uview的<u-button> <button class="u-reset-button">点击登录</button> 看一下uview具体的内置样式代码 .u-reset-button { padding: 0; font-siz

uview样式穿透

前置：之前开发后台页面的时候用的样式穿透式直接 /deep/ img{ .... } 现在使用脚手架下载uni-app使用uview框架发现问题：使用image图片出不来，需要在u-image这个类加上height:100%(结合实际查看) 具体问题出现：解决过程：参考来源找了一些方法解决，试到了一个方法：使用之：解决

uview开发音乐播放器

准备工作：1，在电脑下载了qq音乐客户端，然后下载了歌曲源文件，并转换格式为mp3格式（可自行百度线上转化即可）,2，从控制台拿到歌曲的base64歌词，转码后变成带时间轴的歌词。收藏列表： <template> <view class="my-collection"> <u-tabs :activeStyle="{ color: '#31c27c',

uniap如何引入uView框架

新建一个uniapp项目后如何引入uView组件方式：uniapp使用插件形式导入uView 官网导入插件：https://ext.dcloud.net.cn/plugin?id=1593 1.在main.js文件配置使用uview，和修改默认单位（uview默认单位：px）注意：uview的引入要放在vue后面 2.在根目录的unni.scss文件引入uView主题样式

uniapp + uView使用AntV F6 + table表格插件使用

首先看页面效果： AntV官网下载F6文件到项目中 <template> <view class="page">  <b-nav-bar class="title"> <template slot="left"> <view @click="nativeBack" class="iconfont icon-zuofanhui

uniapp 使用 uview 自定义tabbar

1. components文件夹下新建tabar组件 <template> <view> <u-tabbar :value="current?current:0" @change="changeTab" :fixed="true" :placeholder="false" :safeAreaInsetBottom="true&q

使用uview-ui遇见SassError: Undefined variable

1.确保安装了 scss/sass 编译插件 2.在根目录下 uni.scss 文件中引入 theme.scss 3.确保在根目录下 App.vue 文件中添加 lang="scss" 和 index.scss // App.vue <style lang="scss"> @import "uview-ui/index.scss"; /*每个页面公共css */ </style> // uni.scss

uni-app 引入uView步骤

第一步：在uni-app新建的项目中使用CMD下载uView npm install uview-ui 第二步：在main.js里引入和注册uView 这两句代码需要在import Vue之后 import uView from "uview-ui"; Vue.use(uView); 第三步：在uni.scss文件中引入uView的全局Scss主题文件 @import 'uview-ui/t

uview-ui_index.scss

// 引入公共基础类 @import "./libs/css/common.scss"; @import "./libs/css/color.scss"; // 非nvue的样式 /* #ifndef APP-NVUE */ @import "./libs/css/style.vue.scss"; /* #endif */ // nvue的特有样式 /* #ifdef APP-NVUE */ @import "./libs/css/

uview-ui_index.js

// 引入全局mixin import mixin from './libs/mixin/mixin.js' function wranning(str) { // 开发环境进行信息输出,主要是一些报错信息 // 这个环境的来由是在程序编写时候,点击hx编辑器运行调试代码的时候,详见: // https://uniapp.dcloud.io/frame?id=%

学习路之uniapp--引入uview框架

1.创建远程仓库.github或gitee: 如: https://gitee.com/hopetomorrow2021/ma-weixin-app 2.克隆到本地磁盘如: D:\workspace\ma-weixin-app 3. 到uview官网下载脚手架空白工程.(v1.0版本有) 4.导入HBuilder X,运行自己记笔记...因为常忘了操作顺序....

uView Issue 1

修改前：修改后：

uniapp 的 uview 上传组件 <u-upload> 遇到的问题

header 属性 header 属性设置 {'Content-Type': 'application/json; charset=utf-8'}，会导致问题，在开发者工具可以上传图片，但是在微信电脑端或者微信手机端无法上传图片。报错如下： [error] [0]Argument 1 passed to think\Validate::check() must be of the type array, null given

uview懒加载

<view class=""> <view class="p"> <u-lazy-load class="pq" img-mode="scaleToFill" :image="image" height="300" :loading-img="loadingImg"></u-lazy-load> &

uView——全局变量配置

简介　　作为一个完整项目，全局变量是必不可少。　　uView进行配置后，将全局变量永久存储到本地。在项目加载的时候附加到vue.data上。方法　　　　this.$u.vuex('vuex_xxx','value') 　　　　参数：　　　　　　string : 变量名称　　　　　　value：值　　　　返回值：无　　

uniapp引入uView UI

下载uViewUI https://ext.dcloud.net.cn/plugin?id=1593 解压下载文件，将uviewui文件夹复制到项目复制到项目位置 1.在main.js引入 import uView from "uview-ui"; Vue.use(uView); 2.在uni.scss文件引入uView的全局SCSS主题文件 @import 'uview-ui/theme.scss'; 3.在App

uni-app uView UI框架 npm安装教程(vue-cli命令行创建)

uView UI框架文档地址：https://www.uviewui.com uView UI 框架有下载安装和 npm安装两种方式，本篇文章介绍 npm 安装的vue-cli命令行创建方式。本篇文章是 uView UI 1.x 的版本安装教程一、通过vue-cli命令行创建项目 npm包管理器，需要安装 Node.js 语言开发环境，Nod

uView-ui配置

1、下载地址uView-ui 完成后将红框内uview-ui文件复制到测试uview文件夹根目录 2、配置步骤：引入uView主JS库，在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。 // main.js import uView from "uview-ui"; Vue.use(uView); 在引入uVi

【uView】u-mask遮罩层初始状态被放大

期待效果：初始效果：找不到原因，打开源码好发现是下方样式作怪发现文档中有一个zoom属性 <u-mask class="log_mask" :show="show" @click="show = false" :zoom="false"></u-mask>

微信小程序实战四：短信登录的实现

文章目录 1.界面效果预览2.uView安装3.uView配置3.1 main.js中引入3.2 uni.scss中引入3.3 App.vue中引入3.4 pages.json中配置 4.短信登录界面5.点击获取验证码接口项目要求增加短信登录及人脸识别登录功能，下面我们来实现下短信登录功能 1.界面效果预览 2.uView安装

用uview制作一个简单的表单

<view class="content"> <u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType"> <u-form-item label-width="75%" :label-position="labelPosition" lab

tabsSwiper 全屏选项卡（uniapp-uView）

完整代码 <template> <view> <u-tabs-swiper ref="uTabs" :list="list" :current="current" @change="tabsChange" :is-scroll="false" swiperWidth="750" gutter="15

uview中的 uForm校验列表渲染时无效的问题？列表渲染时只生效一个的问题？

1. Rules需要初始化如果时在小程序中： onready(）{ this.$refs.uForm.setRules(this.rules); } 如果实在H5端： mounted(）{ this.$refs.uForm.setRules(this.rules); } 2.列表渲染时只生效一个的问题？会发现当页面有多个Form的时候，Form变成了数组对象，所以我

uni-app 安装和使用“v-view”UI框架

v-view官网：https://www.uviewui.com/ 本篇文章不采用npm安装。一、下载u-view相关源码。下载地址：https://ext.dcloud.net.cn/plugin?id=1593 解压后，将里面的所有内容全部复制到自己的项目根目录中，二、引入相关依赖。 1.首先在main.js，引入并使用uView的JS库。 // main.js imp

使用uView遇到的问题

1.使用u-form表单验证的时候，控制台不报错，表单配置无问题，但是验证不生效原因是用了自定义表单验证，判断元素的时候没加this fixedTel: [{ validator: (rule, value, callback) => { select.fixedTel ? callback() : callback(new Error("请填写固定电话")); }, trigger: