uniapp的架构跟小程序一样，这样便于整体的管理和转译小程序，而uniapp的页面架构是借鉴的vue.js的单页面架构，由template（html）、script（js）、style（css）三部分组成。这样的页面架构是非常方便而独立的，不会影响到其他页面中的数据，那么问题来了，想要共享数据甚至在本页面要操控其他页面的数据怎么办？uniapp有着小程序和vue.js的有点，当然也有它们共享数据
本次测试主要参考文档为w3school CSS 选择器参考手册 (主要是安卓/ios/微信小程序的css选择器兼容)入坑uniapp/小程序过程中看到dcloud/微信对支持的css选择器的描述只有六个,分别是.class,#id,element,element,element,:before,:after但是看到dcloud给uniapp写的花里胡哨的uni的ui库,还有各种花里胡哨的小程序,并
前言最近写uniapp，遇到了产品的提的需求，需要做一个tag+input连用的功能，点击Tag进行选择，使用input可以进行tag的修改和创建，先来看看产品提的设计稿： 大概是一个这样的功能，我开始理解错了以为是在input中显示tag，类似element-ui中有的select选择器，但实际这只是进行tag和input的连用，看下面的设计稿应该能看懂逻辑功能梳理uniapp的组件库虽多，但或
# 如何实现 UniApp 的 iOS 样式
## 一、流程概述
在开发 UniApp 应用时，为了确保在 iOS 设备上获得良好的用户体验，我们需要特别关注其样式的设计。以下是实现 iOS 样式的主要步骤：
| 步骤 | 描述 |
|------|-----------------------|
| 1 | 创建 UniApp 项目
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
405阅读
有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透， 在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #
原创
2022-04-19 15:57:00
1491阅读
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
1020阅读
在使用uniapp框架开发微信小程序时，使用到了uni-ui的uni-table组件。由于需要修改表头的背景色，于是乎在微信开发工具中使用调试工具审查元素获取其class名： 尝试直接在页面中修改样式：.uni-table-th {
background-color: #ddd;
}结果无效。于是尝试使用深度选择器::v-deep .uni-table-th {
background-colo
uni-app 中使用uni.getSystemInfoSync() 来获取页面的高度 宽度，可视区域宽度与高度等信息。本意是 获取系统信息同步接口。例如 获取页面高度、uni.getSystemInfoSync().screenHeighttry {
const res = uni.getSystemInfoSync();
console.log(res.model);
目录一.盒子模型(Box Model)1.简介2.边框样式 border3.边框弧度 border-radius4.内边距样式 padding5.外边距样式 margin6.行内块元素display二.CSS浮动1.概念2.浮动样式 float3.浮动的特点4.解决高度崩塌办法三.CSS定位1.概念：2.相对定位3.绝对定位4.固定定位5.定位层级四.重置样式 一.盒子模型(Box Model)
CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重值为1004、类，伪类和属性选择器，
文章目录一、css权重的计算属性值的计算过程：从无属性值到有属性值，没写的一些会用默认样式，有的会继承选择符/选择器权重计算选择符权重总结css特性 一、css权重的计算属性值的计算过程：从无属性值到有属性值，没写的一些会用默认样式，有的会继承1.确定声明值 2.层次冲突（计算权重） 3.使用继承 4.默认值选择符/选择器1、当一个元素同时被多个选择符同时选中时，最终会执行的是权重高的选择符定义
之前一直总结的是CSS2的一些知识点，今天差不多总结完了JavaScript就回来补充一下CSS3的一些东西吧CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如
从大的方面说css样式优先级 内联》内部》外部， 但如果在html文档种内部样式定义在外部引入之前，则外部引入的样式会覆盖内部样式。 优先级 通俗的说 就是靠近元素越近优先级越高。 1、CSS优先级规则 ①！important，绝对王者，权重最高，放在属性 值 后面【XXX{color:red !important;}】 ②权值不同时，权值高的优先 ③权值相同时，后定义的规则优先，跟引入的顺序无关
CSS3 权重CSS 权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重： 1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如：style=””，权重值为1000 3、ID选择器，如：#content，权重值为100 4、类，伪
uni-app 笔记2021/11/12页面相关介绍：pages （文件夹） 页面：大的总页面 >> pagesName 【文件夹】 放置页面 >>index.vue 包含了 html css jsstatic 【文件夹】 放置静态文件 图标 字体 公共的css样式App.vue 入口组件 包含 所有的页面的配置index.html 整个应用程序的 页面 现在的这种框架 只
uni-app的Class与样式的绑定 可用的几种class绑定方式: <!-- 常规形式 --><view class="
原创
2022-11-10 13:38:03
664阅读
<view class="text-area" v-for="(menu,i) in menus" :key="i" v-show="true"> <view :class="[active_index==i?'red':'green']" :id="i" @click="menuClick"> {
原创
2022-04-20 13:42:37
299阅读
目录一、css优先级 的 6大分类二、css优先级 的 优先顺序三、选择器 的 权重及优先规则四、权重 的 4个等级定义五、权重 的 优先顺序六、利用权重值比较优先级一、css优先级 的 6大分类通常可以将css的优先级由高到低分为6组：第一优先级：无条件优先的属性只需要在属性后面使用！important。它会覆盖页面内任何位置定义的元素样式。ie6不支持该属性。第二
css设置的样式是可以重叠的，如果两个不同的的选择符对同一个标签的定义产生冲突，就会设计到css选择符的权重问题了。当不同的选择符样式设置有冲突时，会采用权重高的选择符设置样式。权重的规则如下：HTML标签的权重是1，class的权重是10，id的权重是100，例如p的权重是1，“div em”的权重是1+1=2，“strong.demo”的权重是1+10=11，“#text.red”的权重是10
