文章分类 -  Uniapp --- 基础知识

uniapp 下拉选择框
摘要：下拉框组件： <template> <view class="item-info" :class="border ? '' : 'no-border'"> <view class="title" :style="labelStyle"> {{title}} </view> <view class=" 阅读全文
posted @ 2022-09-26 12:08 云里知音 阅读(1957) 评论(0) 推荐(0)
16 组件之间传参： 父传子 、子传父 、非相关组件传值
摘要：一、父传子和子传父： 父组件： 子组件： 二、事件监听 index页面： one组件： two组件： 阅读全文
posted @ 2022-01-16 18:54 云里知音 阅读(94) 评论(0) 推荐(0)
15 uni组件的创建及组件的生命周期
摘要：组件的创建 1、项目目录下新建components文件夹，创建组件bread.vue，写入内容 <template> <view id="myBread"> bread组件{{info}} </view> </template> <script> export default { data() { 阅读全文
posted @ 2022-01-16 17:03 云里知音 阅读(78) 评论(0) 推荐(0)
14 uni中的导航跳转
摘要：1、利用navigator进行跳转 <navigator url="/pages/message/index?info='薪资'">跳转至信息页,并传递参数</navigator> <navigator url="/pages/cart/cart" open-type="switchTab">跳转至 阅读全文
posted @ 2022-01-15 22:29 云里知音 阅读(151) 评论(0) 推荐(0)
13 uni条件编译 解决跨端兼容
摘要：html: js: css: 阅读全文
posted @ 2022-01-15 22:24 云里知音 阅读(36) 评论(0) 推荐(0)
12 uni上传图片及预览
摘要：<template> <view class="content"> <button @click="upImg">上传图片</button> <view> <image v-for="(item,index) in imgArr" :src="item" :key="index" @click="p 阅读全文
posted @ 2022-01-15 21:58 云里知音 阅读(70) 评论(0) 推荐(0)
11 uni的生命周期
摘要：一、App的生命周期：只能在App.vue里监听应用的生命周期，其它页面无效。 二、页面的生命周期： 函数名说明平台差异说明最低版本 onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考示例 onShow 监听页面显示。页面每次出现在屏幕上都触发。 阅读全文
posted @ 2021-12-28 21:54 云里知音 阅读(120) 评论(0) 推荐(0)
10 uniapp 数据绑定
摘要：基本的数据绑定： <template> <view class="content"> <view>数据绑定基础知识</view> <!-- 字符串 --> <view><text>{{msg}}</text></view> <view><text>{{12+"12"}}</text></view> 阅读全文
posted @ 2021-12-28 15:26 云里知音 阅读(200) 评论(0) 推荐(0)
8 uniapp样式
摘要：1、rpx： 响应式的px，可以根据屏幕宽度自适应的动态单位。750rpx恰好为屏幕宽度。 2、导入样式表： 通过@inport导入外联样式，@import后跟相对路径。 @import "./common/uni.css"; 3、支持常用的选择器，如class、id、element等，但不支持*选 阅读全文
posted @ 2021-12-27 21:33 云里知音 阅读(104) 评论(0) 推荐(0)
7 表单组件 button
摘要：一、button属性： 属性名类型默认值说明生效时机平台差异说明 size String default 按钮大小。 default默认大小。mini小尺寸。 type String default 按钮的样式。primary绿色 default白色 warn红色 plain Boolean fal 阅读全文
posted @ 2021-12-27 21:11 云里知音 阅读(96) 评论(0) 推荐(0)
5 tabbar
摘要：tabbar： 注意： 1. 当设置 position 为 top 时，将不会显示 icon。 2. tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。 tabbar属性说明： 属性类型必填默认值描述 color HexColor 是 tab文字 阅读全文
posted @ 2021-12-27 13:56 云里知音 阅读(104) 评论(0) 推荐(0)
4 condition 启动模式配置
摘要：condition： 启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。 "condition": { //模式配置，仅开发期间生效 "current": 0, //当前激活的list的索引项，即第一项 "list": [{ "name": "首页", / 阅读全文
posted @ 2021-12-27 13:46 云里知音 阅读(222) 评论(0) 推荐(0)
3 globalStyle全局配置
摘要：globalStyle: 用于设置应用的状态栏、导航条、标题、窗口背景色等。 属性类型默认值描述 navigationBarBackgroundColor HexColor #F7F7F7 导航栏背景颜色（同状态栏背景色） navigationBarTextStyle String white 导航 阅读全文
posted @ 2021-12-27 13:41 云里知音 阅读(204) 评论(0) 推荐(0)
1 uniapp创建项目前的准备工作 及 创建项目
摘要：1、安装HubilderX软件 下载地址：https://www.dcloud.io/hbuilderx.html 点击download --> 下载app开发版 2、安装微信开发者工具 3、用HubilderX创建项目： a. 点击HubilderX菜单栏 --> 文件 --> 项目--> 新建  阅读全文
posted @ 2021-12-24 22:07 云里知音 阅读(404) 评论(0) 推荐(0)
9 uniapp -- 引入字体图标 使用sass
摘要：uniapp中使用字体图标注意事项： 1、字体文件 < 40kb，uni-app会自动将其转化为base64格式。2、字体文件 ≥ 40kb，需要开发者自己转换，否则不生效。 3、字体图标的引用路径，推荐使用以“~@”开头的绝对路径。 @font-face{font-family:"宋体" ；src 阅读全文
posted @ 2021-04-13 22:04 云里知音 阅读(309) 评论(0) 推荐(0)
6 text、view
摘要：<view> <view> <text>语文数学</text> </view> <view> <text selectable>语文数学</text> </view> <view> <text selectable space="ensp">语文 数学</text> </view> <view> < 阅读全文
posted @ 2021-03-10 22:33 云里知音