在使用uniapp框架开发微信小程序时，使用到了uni-ui的uni-table组件。由于需要修改表头的背景色，于是乎在微信开发工具中使用调试工具审查元素获取其class名： 尝试直接在页面中修改样式：.uni-table-th {
background-color: #ddd;
}结果无效。于是尝试使用深度选择器::v-deep .uni-table-th {
background-colo
## 实现 Android Progress 样式的流程
首先，我们来了解一下整个实现 Android Progress 样式的流程。下面是一个简单的流程图：
```mermaid
flowchart TD
A[定义 Progress 样式] --> B[创建一个 ProgressBar 对象]
B --> C[设置 ProgressBar 的样式]
C --> D[将
1.主题列表页1.导入ColorUI绘制主题列表页，需要用到ColorUI。uni-app插件市场中ColorUI的页面：https://ext.dcloud.net.cn/plugin?id=239将ColorUI下载解压后，将colorui文件夹复制到项目wwab目录下： 在App.vue中加入代码：@import "colorui/main.css";
@import
uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。在web-view加载页面中，会涉及wx、plus、uni等对象的使用。在小程序下使用wx的api，需要引入微信提供的https://res.wx.qq.com/open/js/jweixin-1.4.0.js。在app下默认有plus对象，不需要引入js文件。不管是在小程序下还是在app下，使用u
uniapp的架构跟小程序一样，这样便于整体的管理和转译小程序，而uniapp的页面架构是借鉴的vue.js的单页面架构，由template（html）、script（js）、style（css）三部分组成。这样的页面架构是非常方便而独立的，不会影响到其他页面中的数据，那么问题来了，想要共享数据甚至在本页面要操控其他页面的数据怎么办？uniapp有着小程序和vue.js的有点，当然也有它们共享数据
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
近期公司一直在搞uniapp，搞着搞着发现最麻烦的就是没有根元素，导致好多功能在开发中非常麻烦，近期遇到两个：由于前期对uniapp考察不是很全面，导致在功能开发1/3以后才发现没有一个公共头，这时发现没法全局收发消息；主题前期有人搞，接手的时候发现是通过localstorage做的，感觉有点点low，而且是从后台传过来的，根本没必要，还会越存越多。这篇先提个解决主题的办法。 网上找了一些解决方案
性能优化是每个项目都必须重视的，所以在使用uniapp中，将一些性能优化的点记录下来，在写代码的时候需要注意一下：一、优化数据更新 在 uni-app 中，定义在 data 里面的数据每次变化时都会通知视图层重新渲染页面。所以如果不是视图所需要的变量，可以不定义在 data 中，可在外部定义变量或直接挂载在vue实例上，以避免造成资源浪费。二、长列表优化1、长列表中如果每个i
前言：公司项目需要做一个表单类的项目，要分别在小程序平台，h5平台，以及公司内部开发的App中适用同一套代码，所以选用多平台使用的框架，uniapp，但是uniapp采用的ui是weui，不太适合我们公司的产品，相比之下，vant的ui是比较合适的。所以需要在uniapp项目中引入vant。 uniapp中引入vant，在网上搜到了很多文章，且
有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透， 在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #
原创
2022-04-19 15:57:00
1403阅读
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
1014阅读
# 如何实现 UniApp 的 iOS 样式
## 一、流程概述
在开发 UniApp 应用时，为了确保在 iOS 设备上获得良好的用户体验，我们需要特别关注其样式的设计。以下是实现 iOS 样式的主要步骤：
| 步骤 | 描述 |
|------|-----------------------|
| 1 | 创建 UniApp 项目
订单状态 == 值 ？'样式1':'样式2'<view :class=" 4 == 12 ? 'order-question': 'order-status'"> 交易成功 </view>
原创
2021-03-02 16:13:08
402阅读
最近使用uni-app开发App，其中有个功能是可以一键切换App的主题皮肤。其中主题皮肤分为黑夜版和白天版。经过一番研究，终于大功告成，因此记录一下。之前，在做web端进行更换皮肤的时候，是在页面的根元素上自定义一个data-theme属性，属性的值分别是data-theme=“dark”和data-theme=“light”，然后通过切换dark和light来进行皮肤的动态更换： 但
一、border属性border：border-width border-style border-color;border-width：边框宽度，不能为百分比，因为不会根据设备宽度改变；同理，outline | text-shadow | box-shadow 也不可以；border-style：边框样式，一般用 solid 多一点，dashed(虚线)、dotted(点状线)也有；border
1、问题描述前端使用 Element-UI 组件库，常常会遇到样式不匹配或样式显示异常的情况，但之前每每遇到这种问题，总是想着换一个组件试试，对于原来组件的样式问题就常常不了了之。最近，我在使用 el-tabs 组件嵌套 el-table 时，又遇到了这种问题，具体表现为：我在子标签页（el-tab）中插入表格（eltable）后，页面表格的宽度显示异常。具体代码如下:<el-tabs v-
uni组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册componentsHBuilder插件市场（uni-ui组件库）uni-ui不支持使用Vue.use()的方式安装 npm安装uni-ui库（vue-cli项目需先安装sass及sass-loader，HBuilder可省略） 安装sass
在前端网络操作是异步的，一般都需要一个进度条，在很多应用中，我们经常可以看到环形进度条。 但是小程序原生的progress组件，是一个从左到右的方形进度条，那么我们可不可以自实现一个环形进度条呢？一、原生实例代码 可自定义的属性有关于颜色值的，颜色的使用需要符合微信小程序设计规范https://developers.weixin.qq.com/miniprogram/design/index.wx
<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
291阅读
uni-app的Class与样式的绑定 可用的几种class绑定方式: <!-- 常规形式 --><view class="
原创
2022-11-10 13:38:03
655阅读
