首页 > 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: