WXSS

【小程序 - 基础】WXML、WXSS语法以及小程序的配置、网络数据请求_03

目录一、WXML模板语法1.数据绑定1.1数据绑定的基本原则1.2在data中定义页面的数据1.3Mustache语法的格式1.4Mustache语法的应用场景2.事件绑定2.1什么是事件2.2小程序中常用的事件2.3事件对象的属性列表2.4target和currentTarget的区别2.5bindtap的语法格式2.6在事件处理函数中为data中的数据赋值2.7事件传参2.8bindinput
儒雅的烤地瓜·2023-10-04 12:29

【小程序 - 基础】小程序的代码构成、宿主环境、协同工作和发布_02

2.3project.config.json文件2.4sitemapLocation文件2.5页面的.json配置文件2.6新建小程序页面2.7修改项目首页3.WXML模板3.1什么是WXML3.2WXML和HTML的区别4.WXSS
儒雅的烤地瓜·2023-10-04 12:59

微信小程序-1

console里找一、结构Ctrl++放大字体Ctrl+-缩小设置---外观设置---可以修改喜欢的主题颜色index.jsindex.jsonindex.wxml==》html你好早上好index.wxss
蔷莫·2023-10-03 04:15

微信小程序计算器（含源码）、含js精确运算代码

目录一、引言与效果图二、源码0.目录结构：1.xxxx.wxml文件2.样式文件（1）xxxx.less文件（2）xxxx.wxss文件（不会使用less的可以用这个）3.xxxx.json文件4.accurate.js5
l煎饼果子·2023-10-03 00:44

给微信小程序添加一个客服会话

/*pages/index/index.wxss*/.kf_button{background-color:rgba(255,255,255,0);border:0px;height:100rpx;right
乌云大帝·2023-10-02 17:55

仿照nike小程序的分类切换效果

nike小程序的一个切换效果还很不错，所以有空仿照了一下，先上效果图布局很简单主要是做切换的动画效果和轮播图高度自适应，先看一下xml代码XML{{item.title}}{{jtem.title}}wxss
南墙倒·2023-10-02 13:51

小程序（二）

使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。scroll-x：允许横向滚动。
葛瑞丝·2023-10-01 20:55

【小程序】常用的样式

可以将以下样式定义在app.wxss文件中，方便随时调用。
狍子君·2023-10-01 17:06

GitHub上有助于开发微信小程序的仓库

2023年9月30日，周六晚上最近帮同学在GitHub找了一些开发小程序会用到的东西目录UI库WePY框架基于WePY框架的Demo微信小程序开发资源汇总UI库GitHub-Tencent/weui-wxss
巨龙之路·2023-10-01 07:06

微信小程序（原生）——轮播图swiper、1秒切换、自动轮播、无缝切换

1秒切换、自动轮播、无缝切换二、案例演示三、案例代码index.wxml文件：index.wxss文件：/**index.wxss**/.swiper-container{width:100%;}.item
耶啵奶膘·2023-09-30 12:03

微信小程序循环点击切换样式

wxml{{item.name}}wxss.map_head{width:100%;display:flex;background-color:#FFFFFF;}.map_headview{width:
仰淮·2023-09-30 12:31

微信小程序如何开发跑马灯效果

image跑马灯效果的制作制作方式很简单，先方上代码，后面会对代码详细讲解一、wxml界面的实现{{text}}界面布局很简单，一个底部背景容器，加入一个广播图片和对应的跑马灯文字二、wxss样式.example
清风兑酒·2023-09-29 23:58

附录5-本地生活案例(上拉触底，下拉刷新)

目录1效果1.1首页1.2商品列表页1.3消息页1.4联系我们2代码2.1标题与标题后的背景2.2tabBar2.3首页2.3.1wxml2.3.2wxss2.3.3js2.3.4轮播图接口数据2.3.5
Suyuoa·2023-09-29 22:48

微信小程序 wxss样式总结

图片宽高自适应mode属性：默认值：scaleToFill—-不保持纵横比例缩放图片，使图片的宽高完全拉伸至填满image标签aspectFit—-保持纵横比例缩放图片，使图片的长边能够完全显示出来，也就说图片可以完整的显示出来aspectFill—–保持纵横比例缩放图片，只保证图片的短边能够完全显示出来，也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取top—-不缩放图片，只
小鹏学长168·2023-09-29 05:39

微信小程序开发——WXML与WXSS

tcb02.html【嵌牛导读】相信通过前面的学习，大家对一个完整的小程序的文件结构有了一个大致的了解，对小程序的开发者工具也有了一定的认识，那这节我们来开始动手写一下小程序的代码，同时介绍WXML与WXSS
张兴才_XD·2023-09-28 20:09

微信小程序学习笔记

目录一.小程序与普通网页开发的区别：二.小程序代码的构成：项目结构小程序代码的构成：JSON配置文件WXML模板：WXSS样式:JS逻辑交互:三.小程序的宿主环境小程序的宿主环境—宿主环境简介小程序的宿主环境
前端小马·2023-09-28 03:45

关于如何在微信小程序map地图上 cover-view 如何流畅展示动画

解决的方法也很简单，就是不写在wxss里，而是写在js中/*底部弹窗开始-使屏幕变暗*/.commodity_screen{width:100%;height:100%;position:fixed;top
空、·2023-09-27 00:44

微信小程序部分知识点总结【2】

开发者可以使用微信提供的小程序框架，如WXML（类似HTML）、WXSS（类似CSS）和小程序API等进行开发。这些技术使得开发者
无妄的罪·2023-09-26 22:33

微信小程序

内部主要是微信自己定义的一套组件WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式js逻辑处理，网络请求json小程序设置，如页面注册，页面标题及tabBar注意:
人在胖天在看_640c·2023-09-25 04:21

微信小程序授权登录页面（有提示窗）

微信小程序授权登录（有弹窗提示）1效果显示1.1授权登录页面1.2授权登录提示弹窗1.3拒绝授权登录1.4允许登录后，跳转到小程序首页2代码2.1wxml文件授权登录2.2wxss文件/*pages/userInfo
长安情故人巷·2023-09-24 21:48

微信小程序与uniapp面试题

小程序的wxss和css又哪些不一样的地方？小程序的双向绑定和Vue哪里不一样？
阿星有点帅·2023-09-24 20:15

小程序评论、回复框

默认显示在页面底部，评论、回复时弹起按键与输入框（也可默认不显示，只有评论、回复时弹起示），如下图：小程序评论、回复框.jpg实现代码test.wxml回复发送test.wxss/*pages/test
可怜的小黑兔·2023-09-24 01:08

微信小程序开发

(一)基本结构分析视图层来实现页面结构，由WXML和WXSS编写，并由组件进行展示。逻辑层来实现后台功能，由JavaS
码字小萌新♡·2023-09-23 17:47

微信小程序之项目基本结构、页面的基础及宿主环境

文章目录前言一、基本组成结构基本组成小程序页面的组成部分JSON配置文件作用二、页面基础pagesWXML和HTML的区别WXSS和CSS的区别小程序中js文件分类三、小程序宿主环境总结前言微信小程序的项目基本结构
浩泽学编程·2023-09-23 07:26

微信小程序简单页面

在微信小程序里写前端页面大致和HTML语法一致只是微信小程序把常用组件进行了包装所以同样需要构建盒模型在wxss里设置样式以便调试和更改首先在json内设置顶部式样{"backgroundTextStyle
ThanatosXX·2023-09-23 05:36

微信小程序部分知识点总结

app.wxss。微信小程序的公共样式表文件，用于描述小程序的全局样式，如字体、颜色等。pages。微信小程序的页面文件夹，包含各个页面的相关文件。index。首页页面的文件
无妄的罪·2023-09-22 18:06

【微信小程序开发】宠物预约医疗项目实战-注册实现

【微信小程序开发】宠物预约医疗项目实战-注册实现第二章宠物预约医疗项目实战-注册实现文章目录【微信小程序开发】宠物预约医疗项目实战-注册实现前言一、打开项目文件二、编写wxss代码2.1什么是wxss2.2
沉默着忍受·2023-09-21 11:07

day3

微信客户端宿主环境为了执行小程序的各种文件：wxml文件、wxss文件、js文件提供了小程序的双线程模型小程序双线程模型.png双线程模型WXML模板和WXSS央视运行于渲染层，渲染层使用WebView
EEEEsun·2023-09-21 10:03

微信小程序学习笔记1.1

1.5微信小程序视图层微信小程序框架的视图层用WXML和WXSS编写，由组件来进行展示。将逻辑层的数据在视图层中进行渲染，同时将视图层的事件发送给逻辑层。
蔬菜院院长·2023-09-21 05:43

微信小程序架构篇

1.1、主体部分主要由3个文件构成1）app.js：小程序逻辑，初始化APP2）app.json：小程序配置，比如导航、窗口、页面http请求跳转等3）app.wxss：公共样式配置主体配置完成之后，就是对应业务开发了
J耳钉·2023-09-20 15:12

北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？

一、原生开发微信小程序的原生开发采用的是WXML、WXSS和JavaScript等技术。开发者需要先下载微信开发者工具，在其中创建项目，选择原生开发模式。微信开发者工具提供了丰富的代码编辑器、调
·2023-09-20 10:17

北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？

一、原生开发微信小程序的原生开发采用的是WXML、WXSS和JavaScript等技术。开发者需要先下载微信开发者工具，在其中创建项目，选择原生开发模式。微信开发者工具提供了丰富的代码编辑器、调
软件工匠·2023-09-19 23:07

小程序基础[02]-小程序框架的文件体系

视图层由WXML和WXSS组成，类似于前端开发中的HTML(标签)和CSS(样式)。逻辑层是一套运行在本地JavaScript引擎中的JavaScript代码，负责调用数据处理方法来驱动视图更新。
文顶顶·2023-09-19 15:44

【教程】微信小程序导入外部字体详细流程

前言在微信小程序中，我们在wxss文件中通过font-family这一CSS属性来设置文本的字体，并且微信小程序有自身支持的内置字体，可以通过代码提示查看微信小程序支持字体：这些字体具体是什么样式可以参考
THE WHY·2023-09-19 08:54

px to rem & rpx & vw中文文档 |px自动转换rem插件

vscode-cssrem/blob/HEAD/README.zh-CN.md作者：卡色-cipchkhttps://github.com/cipchkcssrem一个px与rem单位互转的VSCode插件，且支持WXSS
橙-极纪元JJY.Cheng·2023-09-18 23:50

小程序引入字体图标

http://www.iconfont.cn/阿里图标库生成的字体图标，下载后会得到如下文件：image这时我们只需要把如下文件放到你的小程序目录下，至于放在那里看个人意愿image其中iconfont.wxss
哈斯勒·2023-09-18 23:35

自定义小程序弹窗组件

描述小程序弹窗使用方法引入组件相关文件在使用弹窗的页面引入组件在app.wxss中全局引入组件样式@import'/components/toast/toast.wxssjs中相关data中添加params
洛昭妍·2023-09-18 23:58

【微信小程序】关于页面中引入背景的两种方式

|布局设计思路1.对于全局都需要的头样式写在app.wxss里面/*app.wxss*/.pubilcTitle{text-align:center;}.pubilcTitle.en{font-size
进阶的CC·2023-09-18 06:31

微信小程序基础知识点

微信小程序有哪些比较重要的文件微信小程序事件如何传参数数使用data-属性：使用自定义事件和detail属性：小程序的wxss和css有哪些不⼀样的地方？
前端布道人·2023-09-17 11:21

【微信小程序】网络请求

limit=2示例：完整代码request.wxml网络请求图片id:{{index+1}}/*pages/request/request.wxss*/.box{margin:0auto;text-align
进阶的CC·2023-09-17 05:17

.wxss文件错误2 not found解决办法

刚开始打开开发者工具就会看到.wxss文件报错2notfound解决问题：1.在控制台输入openVendor()，回车执行；2.在打开的目录当中删除名为wcsc.exe的应用程序；3.重启微信小程序，
給我小鱼干·2023-09-16 22:31

微信小程序movable-area+movable-view，自动吸附两边

二、实现方法1、wxml：点击会触发点击事件2、wxss：page{width:100%;min-height:100%;}.cont{padding-top:180rpx;width:100%;}.movable-area
下代码雨了·2023-09-16 06:34

微信小程序movable-area实现左滑删除

3.部分代码{{item.name}}删除/*pages/touchMove2/index.wxss*/page{background:#F5F5F8;}.top{margin:20rpx;width:
苏苏哇哈哈·2023-09-16 06:04

微信小程序movable-area制作悬浮按钮

效果图如上，在屏幕上显示一个可以拖动的悬浮按钮WXML代码movable-area代表可移动的区域，movable-view代表可以移动的模块WXSS代码.movable-area{pointer-events
mishu720·2023-09-16 06:33

Day1 微信小程序-小程序代码的构成

pages用来存放小程序的所有页面（2）、utils用来存放工具性质的模板（如：格式化时间的自定义模块）（3）、app.js小程序项目的入口文件（4）、app.json小程序项目的全局配置文件（5）、app.wxss
fill full·2023-09-15 14:29

styleIsolation 微信小程序父子组件样式不隔离 解决方案

apply-shared或sharedComponent({options:{styleIsolation:'isolated'//默认值isolated(启动隔离)、//apply-shared(页面wxss
pengkiw·2023-09-15 12:01

微信小程序线上加载使用iconfont问题

1.在微信小程序根目录下创建style文件夹，里面再创建iconfont文件夹，用于放置iconfont图标文件和iconfont样式文件2.给iconfont.wxss写样式（也可以下载iconfont
theOtherSky·2023-09-15 07:47

小程序根据后台API配置进行换肤

背景最近项目提出新需求，在小程序上根据不同客户进行换肤，换肤可不是先在本地开发好不同皮肤的wxss样式，然后根据不同的皮肤标志，切换样式类就行了；而是要在后台动态替换背景，底图以及css样式。
karl_wei·2023-09-14 08:51

微信小程序 通过 pageScrollTo 滚动到界面指定位置

我们可以先创建一个page注意一定要在page中使用因为pageScrollTo控制的是页面滚动你在组件里用他就失效了我们先来看一个案例wxml代码如下回到指定位置指定位置回到指定位置wxss代码如下/
-耿瑞-·2023-09-14 02:53

微信小程序 解决 当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决

只是页面的API他对scroll-view的滚动是无法控制的但是scroll-view也提供了一个scroll-into-view属性我们编写一个小案例wxml参考代码如下回到指定位置指定位置回到指定位置wxss
-耿瑞-·2023-09-14 02:53
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他