×

css

【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案(uniapp组件修改样式无效)

huahua23 huahua23 发表于2024-05-20 浏览8170 评论0
在使用uniapp框架开发微信小程序时,使用到了uni-ui的uni-table组件。由于需要修改表头的背景色,于是乎在微信开发工具中使用调试工具审查元素获取其class名: 尝试直接在页面中修改样式: .uni-table-th { background-color: #ddd; } 结果无效。于是尝试使用深度选择器 ::v-deep .uni-table-th { background-color: #ddd; } 依然无效。然后查询微信平台官方开发文档得知,微信中的组件存在

flutter

flutter基础入门教程(Dart语法+UI布局+页面路由+后端连接)(flutter dart教程)

忽然之间 忽然之间 发表于2024-05-20 浏览4686 评论0
1、环境安装 1基础安装步骤教程 Android Studio安装与配置 https://juejin.cn/post/6844904054569582605 安装Android Studio前,需要先选择安装Java环境,Java需要到Oracle官网上下载安装,需要注册一个Oracle账号。 https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html Windows 10 配置Java

JavaScript教程

12个不容错过的Vue UI 组件库(vue主流的ui组件库)

李秋波 李秋波 发表于2024-05-19 浏览20823 评论0
Vue.js 是一个渐进式 javascript 框架,用于构建 UIS(用户界面)和 SPA(单页应用程序)。UI 组件库提高了我们的开发效率,增强了应用的整体外观、感觉、交互性和可访问性,下面就来看看有哪些适用于 Vue 的 UI 组件库。 1. Element UI Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。它是一个用于 Web 的 UI 组件库 ,除了 Vue 之外,它还具有React 和 Angular的版本。   E

elementui

Vue+element ui实现好看的个人中心

梦幻星空 梦幻星空 发表于2024-05-18 浏览9491 评论0
一、效果图 仿照原神社区的个人中心写了个个人中心界面,下图分别为原神社区个人中心主页和我画的个人中心的效果图: 原神社区个人中心效果图:我画的个人中心效果图: 下面上代码 二、项目结构 router文件夹里的index.js为路由注册文件,person文件夹里Info文件为个人简介页,MyArticle文件为发布页,MyCollect为文件收藏页,MyFanAndFollow文件为粉丝和关注页,Personal文件为个人中心主页,PersonalDia文件为编辑按钮弹

xcode

iOS多线程之GCD(iOS多线程之GCD 关闭)

HappySir¹ HappySir¹ 发表于2024-05-18 浏览4957 评论0
GCD的概念 GCD(Grand Central Dispatch),是有Apple公司开发的一个多核编程的解决方案,用以优化应用程序支持多核处理器,是基于线程模式之上执行并发任务。 GCD的优点 1.利用设备多核进行并行运算 2.GCD自动充分使用设备的CPU内核 3.GCD自动管理线程的生命周期(线程创建、线程调度、线程销毁) 4.使用简单 GCD任务和队列 任务:就是执行操作,即可以执行的代码;执行任务有两种方式:同步 和 异步。 同步(sync):阻塞线程: 同步添加任务

前端技术

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(项目演示、涉及知识点、源码分享)

qq_atveogbd qq_atveogbd 发表于2024-05-18 浏览6904 评论0
基于 Vue3.x + Vant UI 的多功能记账本(一) Vue3.x 实现多功能记账本 1、前言 如果你对 vue3.x 的基础知识还很陌生,推荐先去学习一下 vue 基础 内容 参考链接 Vue2.x全家桶 Vue2.x全家桶参考链接 Vue3.x知识一览 Vue3.x重点知识参考链接 如果你 刚学完 vue3 ,想检查一下自己的学习成果 如果你 已学完 vue3,想快速回顾复习所学知识 如果你 已精通 vue3,想做个小项目 那不妨

objective-c

UITableView根据表格内容进行高度自适应与使用Masonry实现根据内容进行宽度自适应和高度自适应

Nacl Nacl 发表于2024-05-18 浏览4929 评论0
Masonry和SDAutoLayout不同:SDAutoLayout需要上下左右四个方向都显示性的进行约束,虽然当高度和宽度自适应时,可以少一个高度约束,但是也应有对应布局处理设置。因为标签是有顶部和底部空白间隙的,通常高度比字体大小大一些(当字体很大时的粗体差别很大),当设置的高度比标签实际高度小时,标签的顶部和底部被截取。当然它也有好处,就是严格按照布局高度实现ui.而Masonry并非上下左右四个方向都设置约束,一般2到3个不重复方向的约束就可以(没有就采用默认值推导)。就是设置上下左右

flutter

Code For Better 谷歌开发者之声——Flutter - Google 开源的移动 UI 框架

yufeasd yufeasd 发表于2024-05-17 浏览34093 评论0
写在前面 如今,人们都希望自己手机里的应用又漂亮的设计,顺滑的动画以及优异的功能,为了做到这些,开发者们需要在不妥协质量和性能的前提下,更快速地推进新功能的研发,这就是Flutter的核心。 Flutter是什么? Flutter介绍 Flutter是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。 Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。Flutter已推出

JavaScript教程

Redux核心理念的基本介绍(redux核心概念)

dede58织梦模板 dede58织梦模板 发表于2024-05-17 浏览11441 评论0
Redux的核心理念介绍 此篇文章是React中的Redux状态管理库的基本介绍, Redux的详细使用过程在下篇文章中进行讲解 Redux的出现背景 JavaScript开发的应用程序,已经变得越来越复杂了: JavaScript需要管理的状态越来越多,越来越复杂; 这些状态包括服务器返回的数据、缓存数据、用户操作产生的数据等等,也包括一些UI的状态,比如某些元素是否被选中,是否显示加载动效,当前分页; 管理不断变化的state是非常困难的:

node.js

vue使用element-ui的el-upload上传图片至服务器,服务端使用的是node.js对接受的图片进行处理

Mychanges Mychanges 发表于2024-05-16 浏览7966 评论0
一、图片上传问题的总结 这个问题纠结了我整整一天的时间,啊,终于在我的疯狂阅读官方文档和博客下,找到了解决办法,现在将整个图片上传至服务器的方法记录如下: 1、流程思路 ​ 客户端将图片上传至服务器,服务器会返回给你一个图片的访问路径,这时图片已经存储在了服务端,我们可以通过这个地址去访问它。而我们要处理的问题就是如何将文件对象传递给服务端,并接收到服务端返回给我们的访问地址。 2、使用到的技术 2.1、 前端我使用的是 vue 和 element-ui 中的upload上传容

elementui

让element-ui的el-upload组件文件列表中文件图标自定义显示

qq_yhcs4sj6 qq_yhcs4sj6 发表于2024-05-16 浏览7539 评论0
网上找了一堆都没有什么头绪, 其中有在上传文件过程中修改class达到突变更换的目的,但是引入了多文件和多组件的复杂场景后效果不尽人意, 比如删除文件或者回显没有办法正常显示图标了. 在研究了下, 因为elementui的文件图标是写死的, 我找到了一种效果几乎打到了我的期望, 基于修改class的想法我找到了思路 每次文件列表发生改变时, 就把整个页面的文件列表重新渲染一下图标, 显示肯定不会出错了 效果图 上传组件 <!-- 这里只需要加个class, 用作定义图标样式