在使用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
507阅读
在前端 Vue 开发中，我们经常会遇到需要开发九宫格、十二宫格和十五宫格菜单按钮的需求。这些菜单按钮通常用于展示不同的内容或功能，提供给用户快速访问和选择。一、引言在前端开发中，九宫格、十二宫格和十五宫格菜单按钮是一种常见的布局方式，它们能有效地展示大量数据，并为用户提供便捷的操作。在Vue和Uni-app框架下，我们可以快速地实现这些功能。本文将介绍如何使用Vue和Uni-app构建一个九宫格、
## 实现 Android Progress 样式的流程
首先，我们来了解一下整个实现 Android Progress 样式的流程。下面是一个简单的流程图：
```mermaid
flowchart TD
A[定义 Progress 样式] --> B[创建一个 ProgressBar 对象]
B --> C[设置 ProgressBar 的样式]
C --> D[将
原创
2023-11-29 15:33:14
112阅读
实现一 ：自定义坐标轴 提示信息option = {
// 当前列提示信息拼接 ：params.value[1]：当前点的y坐标值
tooltip: {
// 触发类型：坐标轴触发
show: true,
trigger: "axis",
backgroundColor: '#FDF5F6',
bord
sortable.js,它可以用来实现这个拖拽的功能。Sortable.js —是一个JavaScript库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序，无需jQuery。 特点有：轻量级但功能强大移动列表项时有动画支持触屏设备和大多数浏览器（IE9及以下除外）支持单个列表容器内部拖拽排序，也支持两个列表容器互相拖拽排序支持拖放操作和可选择的文本非常友善的滚动效果基于原生HTML5中的拖放
补充内容：--增加样式表与多级列表的关联事项1.原有的样式表解决了定义大纲级别问题，但是没有解决编号的问题，例如一级对应 1二级对应 1.1，三级对应1.1.1 样式，只有与多级列表关联后，才可以快速排版解决编号的问题，否则人工序号不便于排版事项。2.准备工作：1.样式表的配置，见下面的内容2.检查“样式表”是否与“多节列表进行了关联，一般默认都是关联了” 3.设置“多级列表”3.1点击
我对于这个高级真的吐槽不能……另外这里面所有的实例代码我都上传到Github上了，想要看的可以去这：https://github.com/Silence9102/Exercise_Android/tree/master/Exercise_UI_Control1. 进度条类组件ProgressBar 进度条组件style：设置使用的进度条的样式，有多种预设样式可以选择：android:max：设置进
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
转载
2024-03-18 09:45:14
340阅读
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
转载
2024-05-31 01:20:33
652阅读
uniapp的架构跟小程序一样，这样便于整体的管理和转译小程序，而uniapp的页面架构是借鉴的vue.js的单页面架构，由template（html）、script（js）、style（css）三部分组成。这样的页面架构是非常方便而独立的，不会影响到其他页面中的数据，那么问题来了，想要共享数据甚至在本页面要操控其他页面的数据怎么办？uniapp有着小程序和vue.js的有点，当然也有它们共享数据
转载
2024-05-06 09:22:24
40阅读
将Django部署到服务器之后，每一次在本地端对网站的修改都需要在服务端进行同步，在写本文之前，我还以为只是把源码保持同步就可以了，没想到却遇到了今天的问题。修改了main.css文件之后，然后我通过git对网站进行了同步，代码已经成功同步到了服务器上。但就是无法正常显示，经一番查找探究之后，我发现了修改css等静态文件的正确姿势…1.配置文件首先应该改确保你项目下的settings.py文件已经
1.CSS概念CSS：Cascading Style Sheets，层叠样式表或者级联样式表，主要用于设置HTML页面中的文本内容、图片外形以及版面的布局等等外观样式。2.CSS样式规则选择器 {属性:值} 注意：属性和属性值是以键值对的形式出现，属性与属性值之间用英语的":“隔开，多个键值对之间用英语的”;"隔开。3.CSS的字体样式font-size ：设置字体的字号，属性值单位常用的是px，
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
前言：公司项目需要做一个表单类的项目，要分别在小程序平台，h5平台，以及公司内部开发的App中适用同一套代码，所以选用多平台使用的框架，uniapp，但是uniapp采用的ui是weui，不太适合我们公司的产品，相比之下，vant的ui是比较合适的。所以需要在uniapp项目中引入vant。 uniapp中引入vant，在网上搜到了很多文章，且
转载
2024-08-20 09:08:18
46阅读
性能优化是每个项目都必须重视的，所以在使用uniapp中，将一些性能优化的点记录下来，在写代码的时候需要注意一下：一、优化数据更新 在 uni-app 中，定义在 data 里面的数据每次变化时都会通知视图层重新渲染页面。所以如果不是视图所需要的变量，可以不定义在 data 中，可在外部定义变量或直接挂载在vue实例上，以避免造成资源浪费。二、长列表优化1、长列表中如果每个i
转载
2024-04-24 23:35:04
431阅读
近期公司一直在搞uniapp，搞着搞着发现最麻烦的就是没有根元素，导致好多功能在开发中非常麻烦，近期遇到两个：由于前期对uniapp考察不是很全面，导致在功能开发1/3以后才发现没有一个公共头，这时发现没法全局收发消息；主题前期有人搞，接手的时候发现是通过localstorage做的，感觉有点点low，而且是从后台传过来的，根本没必要，还会越存越多。这篇先提个解决主题的办法。 网上找了一些解决方案
转载
2024-05-31 01:20:58
523阅读
# 如何实现 UniApp 的 iOS 样式
## 一、流程概述
在开发 UniApp 应用时，为了确保在 iOS 设备上获得良好的用户体验，我们需要特别关注其样式的设计。以下是实现 iOS 样式的主要步骤：
| 步骤 | 描述 |
|------|-----------------------|
| 1 | 创建 UniApp 项目
原创
2024-08-18 03:45:05
167阅读
接上篇,android自定义View&自定义ViewGroup(上) 上篇主要是自定义View，本篇来看看自定义ViewGroup。先来复习一下一般自定义ViewGroup中需要复写的方法：void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
void onSizeChanged(int w, int h, int oldw
一、Vant 是有赞前端团队开源的移动端组件库，Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。官网地址Vant Weapp - 轻量、可
有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透， 在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #
原创
2022-04-19 15:57:00
1681阅读
