先给大家上效果图：想上传视频给你们看整体效果的，看了一下好麻烦哦~ 接下来进入正题：文件目录图 废话不多说直接上代码了啊~city.js文件里是一些配置数据，你们也可以直接写在组件的js文件data里，只是为了给你展示一下，这些城市列表数据按理来说应该都是后端给你返回的，城市列表的首字母展示不一定就是26个字母，也可以根据已有的城市首字母去展示。// city.js
let citylist =
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
@作者 : SYFStrive 目录✔✔ 1、 WXSS 模板样式 - rpx 1.1、 什么是 rpx 尺寸单位 1.2、 rpx 的实现原理 1.3、 rpx 与 px 之间的单位换算 &nb
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
事件什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tap
最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。微信官方文档给了两种weui引入方式：通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。可以通过npm方式下载构建，npm包名为weui-miniprogram
但是注意！！！如果使用扩展组件的话必须使用npm的安装方式安装weui以使用tabs选项卡组件为例
说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。强大的 CSS:filterCSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDNCSS标准里包含了一些已实现预定义效
转载
2023-08-18 14:00:34
281阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载
2021-11-03 11:08:00
686阅读
2评论
相信刚开始学习开发小程序的初学者一定对界面的布局很困扰，不知道怎么布局，怎么摆放位置，其原因是不了解CSS样式的属性，所以，今天这篇文章，给大家普及一下相关的知识。说起CSS布局，首先要讲解的就是FLex布局，这个可以说是一个万能钥匙，遇到什么复杂的布局，都可以通过Flex布局搞定，为了方便大家理解Flex属性，我将会一步步解析FLex的属性，并附上效果图。1、基本概念采用 Flex 布局的元素，
转载
2024-04-16 21:22:00
141阅读
这里使用sass举例，less同理可以使用定义css变量:root{
--color:red;
}
定义sass变量,使用css的变量值
$sassColor:var(--color:red);最后使用js修改css变量值来修改sass的变量值，这个方法也可以绕过浏览器兼容问题让ie也可以使用css变量，但是需要让服务器监听sass文件进行时实监听编译document.getElemen
转载
2023-06-13 16:01:48
193阅读
如果使用微信自带的投票系统的话，投票规则就只有单选和多选。但是，使用第三方微信投票系统则有多种多样的投票规则，有的投票规则可能会让初次使用第三方投票系统的人摸不着头脑，虽然一般来说都会有相关的使用说明，但是还是不知道是否适合自己使用，下面简点投票的小编就来给大家介绍一些各种投票规则及用法。 一、对投票选项的选择类型1、单选类型，也有的系统叫做点选类型。这个类型的意思就是点击投票按钮就可
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入3.8.1 尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕
转载
2021-05-31 14:57:02
1204阅读
微信开发者工具是一款用于开发和调试微信小程序的工具。在开发过程中，CSS是一个非常重要的技术，它可以用来美化小程序的界面、布局和动画效果。本文将介绍微信开发者工具中CSS的基本用法和常用技巧，并通过代码示例进行演示。
## 一、CSS基本概念和语法
在了解微信开发者工具中CSS之前，我们先来回顾一下CSS的基本概念和语法。
### 1.1 CSS概念
CSS，全称为Cascading St
原创
2023-09-07 12:18:53
371阅读
微信小程序滚动Tab选项卡：左右可滑动切换 最终效果如上。问题： 1、tab标题总共8个，所以一屏无法全部显示。 2、tab内容区左右滑动切换时，tab标题随即做标记（active）。 3、当active的标题不在当前屏显示时，要使其能显示到当前屏中。 一、wxml结构 tab标题因一排八个，所以使用 scroll-view组件，使其可横向滚动。 
转载
2024-10-08 16:33:58
70阅读
CSS动画效果（animation属性）解析动画与变形和过渡的区别@keyframesanimation-name属性animation-duration属性animation-timing-function属性animation-delay属性animation-iteration-count属性animation-direction属性animation属性基础练习总结 动画与变形和过渡的区
转载
2024-04-11 11:42:25
109阅读
爱发朋友圈的小伙伴们一定知道微信有一个定位的功能吧，通过定位可以让大家看到你所在的位置。现在的话不仅能自定义你所处的位置，还能再上面添加联系方式电话号码，微信的地址是如何添加编辑的呢?接下来小编就来给大家讲解一下怎样操作!微信现在成了移动端比较流行的即时在线交流工具，生活中、工作中都可以分享所在的地址以及相关的店面位置;如果想要变换位置，也是同样可以进行修改或变换操作的。打开微信平台，登陆微信客户
转载
2023-07-26 17:00:58
3318阅读
1，在vscode终端下载安装vue-wechat-title: npm install vue-wechat-title 2，在main.js全局引入 import vueWechatTitle from 'vue-wechat-title' Vue.use(vueWechatTitle) 3，在 ...
转载
2021-09-03 09:54:00
461阅读
2评论
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wi
一、css介绍1、css是什么？Cascading Style Sheets缩写，层叠样式表。样式定义如何显示HTML元素，样式通常又会存在于样式表中。2、为什么需要css？使HTML页面变得美观；将HTML页面的内容与样式分离；提高web开发的工作效率。3、css的优势内容与表现分离
网页的表现统一，容易修改
丰富的样式，使页面布局更加灵活
减少网页的代码量，增加网页浏览器速度，节省网络带
转载
2023-07-25 17:20:25
80阅读
大家在iPhone上使用微信的时候肯定都有遇到过微信闪退的情况，闪退问题一旦出现，就会严重影响我们的正常使用，特别是使用频繁的APP。iPhone 14微信闪退是什么原因造成的？iPhone 14微信闪退怎么办？一、缓存垃圾过多平时在使用软件的过程中，会产生一些垃圾文件，如果长时间不清理会导致手机越来越卡，也会出现闪退状况。进入设置–应用程序——全部——找到有问题的应用程序，清除数据或者缓存。(注
转载
2023-10-04 20:10:20
94阅读
