多个标签中的前两个着色写法.comment-container > v-tag:nth-child(1) > view { background-color: #fffbdd;}.comment-container > v-tag:nth-child(2) > view { background-color: #eefbff;}场景<...
原创
2023-03-14 08:37:05
187阅读
实现功能说明： 如下图，点击不同的文字能够切换不同的页面，同时这个tab的文字能够相应的变色，其他未选中的状态默认为灰色。方案一：使用css的伪类。 :active，元素被点击时变色，但颜色在点击后消失 :focus， 元素被点击后变色，且颜色在点击后不消失.classone{
//默认颜色color为灰色，当然你也可以在这里写其他颜色以及位置的设置。
}
.classone:act
转载
2024-05-02 16:02:47
276阅读
问题所在：在小程序开发中，官网提供的表单组件不足以满足我们的需求，所以我们需要自定义组件。这里我们以按钮为例需求：1、默认按钮都不选中，当点击一个按钮选中且按钮变色，选中另一个时，上一个选中的按钮恢复之前的颜色。2、默认按钮都不选中，点击第一个按钮有对应的事件且按钮变色，选中另一个时，按钮也变色，且前一个选中的按钮不会变化。完成效果图：默认状态点击以后的效果一、封装通用组件1、jsComponen
转载
2024-07-05 15:32:51
160阅读
前言本人之前自学并发版了一个微信小程序（TXT音乐播放器），趁着还没忘，把常用的一些CSS样式总结在下方。微信小程序使用的css文件后缀为wcss，总的来说，与html中的css语法大致相同，但还是有一些特别的地方（有一些特有的语法与一些不太支持的语法）。 正文1.新建一个微信小程序页面时，可以在最外层写一个view标签（类似div标签），然后设置它的css(wcss)样式为：.main
转载
2023-11-26 19:49:18
110阅读
CSS 背景CSS 属性定义背景效果常用的方式:background-color（最常用）
background-color 属性定义了元素的背景颜色.如：
.title {background-color:red;} 就是设置类选择器title的背景颜色为红色我们上面的 background-color也可以简写为 background，如： .title {background-color:r
转载
2024-03-27 06:14:32
61阅读
小程序开发公司哪家好？这个问题的答案想必也没有一定的，这个要看大家对于小程序的功能和设计要求，大家心里都有自己的衡量。 现在市场上做小程序开发的公司也比较多，怎么样才能选择一家满意的正规的小程序开发公司喃，这个也是大家比较关心的一个问题，下面我就大致的说一下小程序开发公司怎么去做选择的参考。现在市场上小程序开发公司也分以下几类定制开发类型的，这类公司主要是根据客户阐述的需求，定制开发。配备人员：产
转载
2024-04-12 11:43:34
21阅读
# 小程序 CSS 适配 iOS 的实现指南
随着小程序的普及，越来越多的开发者开始注重在不同平台上的适配问题，特别是在 iOS 环境下。本文将为刚入行的小白介绍如何实现小程序的 CSS 适配 iOS，包括步骤、代码示例和适配的注意事项。
## 适配流程
以下是实现 CSS 适配 iOS 的基本步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 确定 iOS
# 小程序 CSS 判断 iOS环境的技巧
随着小程序的广泛应用，开发者们面临着越来越多的挑战，其中之一便是如何精准判断用户的操作系统。这篇文章将介绍如何在小程序中使用 CSS 判断 iOS 环境，并分享相应的代码示例。通过掌握这些技巧，开发者们能够提升用户体验，确保在不同平台上的一致性。
## 为何需要判断 iOS环境
在小程序中，iOS系统与Android系统的表现可能存在着明显差异。例
原创
2024-10-26 05:36:35
45阅读
场景近期工作中有一个需求，在小程序的多个页面添加一个可关闭的悬浮窗，这个悬浮窗结构简单，是由一张图片和一个关闭按钮组成，点击图片会跳转到活动页面的web-view。现在的需求是在某个页面关闭这个悬浮窗后，所有页面不再显示，直到下次进入小程序。问题需求看起来不是很难，只要在全局状态管理设置一个悬浮窗是否显示的状态即可，但实际开发中还是遇到了一些问题。也是小程序比较坑的一些地方。除非你重新进入小程序，
转载
2023-10-12 09:59:27
161阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
16. 用户昵称头像问题如果只是展示用户头像昵称，可以使用 组件<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>17. js方法封装有些方法会在小程序的多个页面使用，为了减少代码的冗余、方便修改，我们应该尽量在一个单独的js
转载
2024-10-17 10:25:43
57阅读
wx.setNavigationBarColor({//设置导航栏颜色 frontColor: '#000000',//注意frontColor的值只能为000000或者111111 backgroundColor: app.globalData.background });
转载
2019-06-29 16:38:00
153阅读
2评论
微信团队总喜欢在深夜搞个大惊喜，昨天晚间发布微信小程序开发文档，微信小程序设计指南也一同放出，都说腾讯的产品用户体验很好，我们就和ytkah一起看看这个小程序设计指南吧，参考一下他们的UI、交互、连接等各要素，以下是官方文档基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大
效果：style：button[type=primary] { background: linear-gradient(to right, #03A9F4, #7C4DFF); }注意这里要使用background，而不能用background-color。语法：同css一样:linear-gradient( color1 , color2 );默认从上...
原创
2019-09-24 16:52:04
517阅读
<input type="text" placeholder="请输入" placeholder-class="placeholderStyle
原创
2023-03-16 09:31:32
404阅读
# iOS版本小程序TabBar颜色设置指南
在开发iOS版本的小程序时，设置TabBar的颜色是一项非常重要的任务。对于刚入行的小白来说，可能会觉得这个过程复杂。本文将通过详细的步骤和代码示例，帮助你理解如何实现TabBar颜色的设置。
## 一、流程概述
首先，让我们把解决问题的流程分解为几个关键步骤。下表展示了这些步骤及其简要描述。
| 步骤 | 描述
# 解决uniapp小程序iostabbar颜色问题
在开发uniapp小程序时，有时会遇到iostabbar颜色不符合预期的问题。这可能是因为uniapp在不同平台下对tabbar的颜色设置有所差异。本文将介绍如何解决这个问题，并给出代码示例。
## 问题描述
在uniapp中，我们可以通过App.vue页面中的`tabBar`属性来设置tabbar的样式，包括背景颜色、文字颜色等。但是在
原创
2024-02-23 06:58:51
466阅读
使用16进制颜色，蓝湖选择颜色透明度对应的十六进制表示法对于好看的ui效果，会经常使用透明度的，所以掌握常用的16进制来表示颜色透明度是很有必要的。常用的0% 透明度表示完全不透明，不透明度为255，对应十六进制FF10%透明度为 1A，20%透明度为 33，30%透明度为 4D，40%透明度为 66，50%透明度为 80，60%透明度为 99，70%透明度为 B3，80%透明度为 CC，90%透
本节我们来讲一下颜色，因为我们后面学习 CSS 样式时，会经常用到颜色，颜色也是网页中必不可少的一个元素。例如我们可以给某个字体设置颜色，给元素的边框设置颜色，设置元素的背景颜色等。要想一个网页好看，肯定是需要给它添加一些色彩的。颜色值颜色是通过对红、绿和蓝光的组合来显示的。我们一般会通过下面三种方式来规定 CSS 中的颜色：颜色名称十六进制颜色值RGB 颜色颜色名称HTML 和 CSS 颜色规范
转载
2021-02-25 17:33:08
1512阅读
2评论
