uni-app 笔记2021/11/12页面相关介绍：pages （文件夹） 页面：大的总页面 >> pagesName 【文件夹】 放置页面 >>index.vue 包含了 html css jsstatic 【文件夹】 放置静态文件 图标 字体 公共的css样式App.vue 入口组件 包含 所有的页面的配置index.html 整个应用程序的 页面 现在的这种框架 只
配置下载官方bootstrap4与jquery官方文件，在html的head中将框架js与css设置进来，当然也可以导入在线CDN，下载下来我自己感觉会方便一点。<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="Chrome">
<
转载
2024-04-18 22:37:58
40阅读
uniapp的架构跟小程序一样，这样便于整体的管理和转译小程序，而uniapp的页面架构是借鉴的vue.js的单页面架构，由template（html）、script（js）、style（css）三部分组成。这样的页面架构是非常方便而独立的，不会影响到其他页面中的数据，那么问题来了，想要共享数据甚至在本页面要操控其他页面的数据怎么办？uniapp有着小程序和vue.js的有点，当然也有它们共享数据
转载
2024-05-06 09:22:24
43阅读
二、伸缩容器的相关属性说明1，display属性通过 display属性可以指定某元素是否为伸缩容器，可选的属性值如下：flex：产生块级伸缩容器inline-flex：产生行内级伸缩容器下面是一个最简单的伸缩容器样例：完整代码如下：hangge.com
.flex-container{
display: flex;
border: 1px solid black;
width: 300px
转载
2024-04-15 20:52:00
31阅读
简单容器的分类：图1. 简单容器的分类 在“图1”中总结出了常用容器的简单关系。可以看到，只有4类容器：List、Set、Queue、Map。上图中虚线框表示一个接口，实线框表示一个具体的实现类，虚线箭头线表示一种“实现”关系，实线箭头线表示一种“继承”关系。红线箭头不表示实现与继承关系。为了理清楚“图1”中简单容器的关系，首先从迭代器（Iterator）的作用开始讲解。&nb
弹性盒模型容器样式首先是设置在容器上的样式
display:flex——将容器设置成弹性盒子，项目(子元素)的排列方式将按照弹性盒子规则进行排布
flex-direction——设置主轴方向，项目默认会按照主轴方向进行排列
flex-wrap——当项目总宽度大于容器宽度时的处理方式，默认会不换行，压缩所有项目
flex-flow——f
转载
2024-04-24 21:09:53
28阅读
# 如何实现 UniApp 的 iOS 样式
## 一、流程概述
在开发 UniApp 应用时，为了确保在 iOS 设备上获得良好的用户体验，我们需要特别关注其样式的设计。以下是实现 iOS 样式的主要步骤：
| 步骤 | 描述 |
|------|-----------------------|
| 1 | 创建 UniApp 项目
原创
2024-08-18 03:45:05
170阅读
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
418阅读
有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透， 在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #
原创
2022-04-19 15:57:00
1686阅读
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
1036阅读
在使用uniapp框架开发微信小程序时，使用到了uni-ui的uni-table组件。由于需要修改表头的背景色，于是乎在微信开发工具中使用调试工具审查元素获取其class名： 尝试直接在页面中修改样式：.uni-table-th {
background-color: #ddd;
}结果无效。于是尝试使用深度选择器::v-deep .uni-table-th {
background-colo
转载
2024-04-08 09:33:37
511阅读
CSS1. 添加CSS的三种方式2. CSS的长度单位3. CSS的颜色表示4. 背景样式5. 边框样式6. 字体样式7. 文本样式 1. 添加CSS的三种方式 (1) 内联样式(行内样式) 在HTML标签中直接通过style属性来添加样式<!DOCTYPE html>
<html lang="en">
<head>
<meta charse
CSS 父级子级http://www.divcss5.com/rumen/r239.shtml1、认识了解
简单讲CSS父级 CSS子级是相对而言，如一个DIV “A”被另外一个DIV “B”包裹着，这样我们就可以认
为B是A父级。父级子级或有时把DIV嵌套关系比作父亲儿子关系，这个是为了便于理解将DIV嵌套关系形象比作父级子
级关系叫法。2、举例说明：
DIV CSS 父级子级说明例子：CSS代
凹凸贴图效果“等等，什么？” 您会惊叹：““图层样式”菜单中没有凹凸贴图效果！” 的确如此，但是通过将“图案覆盖”和“斜面和浮雕”结合使用，我们可以使用可控光源实现带纹理的凹凸贴图表面。此技术需要两张图像：一个用于纹理和颜色，另一个用于深度图。深度图不需要任何色相，因为它基于复合值确定深度，黑色是最低值，白色是最高值。在某些情况下，您可能会为两者使用相同的图像，但是在我们的示例中，我们将使用完全不
uni-app的Class与样式的绑定 可用的几种class绑定方式: <!-- 常规形式 --><view class="
原创
2022-11-10 13:38:03
696阅读
在使用uni-app进行跨平台开发时，判断当前系统环境（如iOS或Android）并为其设置不同的样式是一个常见需求。本文将详细介绍如何通过一些技术手段来判断并针对iOS设备设置不同样式的过程。
## 背景描述
在开发跨平台应用时，有时我们需要根据不同的操作系统（如ios和Android）来调整UI样式。例如，iOS设备的控件样式通常与Android设备有所不同，这就要求我们在开发中进行合理判
# Uniapp中iOS Flex样式的应用
在移动开发中，如何让页面的布局适应各种设备是一项重要的任务。尤其是在iOS设备上，由于屏幕尺寸和分辨率的多样化，合理的布局显得尤为重要。本文将探讨如何在Uniapp中使用Flex布局来构建一个响应式的iOS样式页面，并给出相应的代码示例。
## 什么是Flex布局？
Flex布局是一种一种布局模式，可以使容器的子项具有灵活的宽度和高度，从而可以更
<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
310阅读
uniapp picker iOS显示错乱 uniapp picker样式
转载
2023-05-23 23:55:54
1502阅读
uni-app安卓版试用原生插件绑定原生插件到项目上，成为云端插件(Hbuilder X:3.4.15)第二步在HbuilderX中进行配置配置该插件指定的一些安卓权限模块配置，地图的appkey发行-云打包打包成功 绑定原生插件到项目上，成为云端插件(Hbuilder X:3.4.15)需要绑定到你哪个项目上，点击确订就行！！！这样就作为了这个项目的云插件。第二步在HbuilderX中进行配置
转载
2023-07-20 17:22:37
0阅读
