WXSS

微信小程序代码片段

onLoad(options){that=this;},onReady(){that=this;},onShareAppMessage(){},onShareTimeline(){},})导航wxml详情wxss.nav
普通人6·2023-07-31 12:12

微信小程序 背景图片如何占满整个屏幕

1.在页面的wxss文件中，设置背景图片的样式：page{background-image:url(图片路径);background-size:100%100%;background-repeat:no-repeat
油焖茄子·2023-07-31 04:39

如何组建无法引用全局样式？

在日常开发中，有的组建样式我们需要定义在app.wxss中。
廷裕同学·2023-07-30 09:10

小程序仿滴滴tab切换效果

wxss/**index.wxss**/page{width:100%;height:100%;}.container{width:100%;height:100%;}.nav{height:80rpx
凉柠_da5d·2023-07-29 23:19

小程序 - 学习笔记

一、小程序文档笔记默认开发目录开发目录解析1.app.js、app.json、app.wxss这三个文件必须有不能删掉。
weixin_34071713·2023-07-29 12:37

小程序如何改变radio样式？

小程序改变radio样式方法总结：方法一：直接通过修改radio样式实现wxss:radio{position:absolute;width:100%;height:100%;top:0;left:0;
生活也许是一首诗·2023-07-29 08:16

微信小程序

微信小程序.json全局配置app.jsonsitemap.json模板WXSS弹性盒子布局flexvh、vw高斯模糊filter微信开发者工具快捷键三级目录WXML双花括号组件通用属性viewinputslider
豆瓣鸡·2023-07-29 08:44

微信小程序开发总结

架构分析软件应用架构包括：数据层、业务逻辑层、服务处、控制层、展示层、用户，小程序属于展示层，通常还需要其他层次提供支持主体文件：app.js,app.json,app.wxss，前两者是必须存在再根目录下
droxy·2023-07-29 00:48

小程序介绍

它可以在微信内被便捷地获取和传播，同时具有出色的使用体验整个小程序所有分包大小不超过8M单个分包/主包大小不能超过2M小程序的优点：平台封闭，上手简单跨平台运行使用方便小程序的目录结构：app.json：页面配置app.wxss
寂寥的远方·2023-07-28 23:26

微信小程序开发22__在列表中 高亮选中某一项

我们先看要实现的效果图相应的wxml页面，gaoliang.wxml{{item}}样式文件gaoliang.wxss.active{color:red;padding-top:20px;padding-left
109905418·2023-07-27 21:07

微信小程序8__一行2 列的布局，一行2列的图片布局

在index.wxml中增加以下布局：精品推荐产品名称01￥21.6产品名称02￥185.6在index.wxss文件中增加以下样式：/**一行2列布局，左竖线右文字***/.line-y{width:
109905418·2023-07-27 21:37

微信小程序14__布局Flex-Direction，Flex-Wrap,Justify-Content

Flex布局,要深刻理解首先看一个图flex-direction代表排列方向，决定主轴的方向,在wxss文件中，如果这样定义flex-direction:row//表示从左到右排列flex-direction
109905418·2023-07-27 21:37

微信小程序15__view 层叠展示

先看效果图：对应wxml布局：MISS时尚穿搭教程192人观看MISS时尚穿搭教程192人观看对应wxss文件，如下：.special-topic{width:100%;height:350rpx;display
109905418·2023-07-27 21:37

微信小程序7__一行3 列的布局

要实现以下效果：在index.wxml中增加以下布局代码7/2微信小程序商村视频课程通知在相应的index.wxss中增加以下样式.wx-cells{width:100%;margin-top:15rpx
109905418·2023-07-27 21:06

微信小程序入门代码简介

app.js/app.json/app.wxss是对微信小程序进行全局配置。子文件简介全局配置文件在文件app.json中，设置小程序的各个
weixin_49090174·2023-07-27 17:52

小程序使用scroll-view滑动到底部触发下一页的方法

在页面上建一个scroll-viewbindscrolltolower----bindscrolltolowerlower-threshold----距底部/右边多远时，触发scrolltolower事件wxss
努力做一个好前端·2023-07-27 11:58

【微信小程序创作之路】- 小程序中WXML、JS、JSON、WXSS作用

【微信小程序创作之路】-小程序中WXML、JS、JSON、WXSS作用第三章微信小程序WXML、JS、JSON、WXSS作用文章目录【微信小程序创作之路】-小程序中WXML、JS、JSON、WXSS作用前言一
java小白冲刺者·2023-07-27 09:22

【微信小程序创作之路】- 小程序常用页面样式

局部样式1.全局样式2.局部样式二、Flex布局rpx单位三、样式导入四、常用按钮样式五、图片插入六、图片轮播七、图片滚动八、条件渲染1.2.总结前言本章节主要讲解，小程序中常用样式，涉及到WXML和WXSS
java小白冲刺者·2023-07-27 09:22

小程序----配置原生内置编译插件支持sass

目前支持三个编译插件：typescript、less、sass修改之后可以将原.wxss文件删除.scss文件不受影响,重新打开项目就可以生效了
zyue_1217·2023-07-27 07:26

uniapp 视频去除上下黑边，封面图适应大小

方法1在video上增加属性方法2//可通过wxss设置宽高bindloadedmetadata:视频元素加载完成时触发。
哎呦我去叫什么呢·2023-07-27 07:43

微信小程序 样式和全局配置

，大屏大，小屏小，随着设备不一致自动适配推荐使用iPhone6作为标准，1个rpx=0.5个px，把px乘以2就是rpx的参数@import导入外部样式表@import'/common/common.wxss
程序员小刚·2023-07-27 07:24

小程序 user agent stylesheet 覆盖了page下wxss背景色

如下图：login页面的page下的背景色，被：useragentstylesheet覆盖。分析与解决：1、useragentstylesheet是浏览器默认样式表，是浏览器默认样式。2、不同浏览器的默认样式不同个，甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin：8px；3、通常在web端，我们会做个全局清除样式：html{height:100%;
Lan.W·2023-07-26 18:57

uniapp 小程序自定义组件样式穿透问题

当遇到修改子组件样式穿透不生效时主需要引入下面代码options:{styleIsolation:'shared'}//默认值isolated(启动隔离)//apply-shared或(页面wxss样式将影响到自定义组件
汪大月月鸟·2023-07-25 21:35

微信小程序制作简单的商品列表页，实现价格求和

微信小程序制作简单的商品列表页，实现价格求和准备工作1、node.js2、微信开发者工具目录结构客户端代码实现index.wxml商品{{item.text}}提交合计:{{result}}index.wxss
mentality_sx·2023-07-25 15:53

小程序 movable-view cover-view

dircetion可以拖动的方向scale可以双指拖放inertia惯性操作页面高度100%设置需要先设置page整页样式，注意page前没有小数点/*movable-view/movable-view.wxss
dancebit·2023-07-25 13:09

微信小程序未读消息右上角红点数字显示

使用wx:if搞定wxml部分：​​​{{item.tet}}​0&&item.digital{{item.digital}}​99}}">99+​wxss部分​.but_list{position:relative
Reset0x0·2023-07-25 04:37

微信小程序上，实现图片右上角数字显示

微信小程序上，实现图片右上角数字显示直接上代码：样式代码index.wxss如下：.circle_rednum{position:absolute;color:white;font-size:13px;
秋9·2023-07-25 04:05

关于微信小程序简单瀑布流的制作

{{goods.detail}}￥{{goods.price}}{{convertpayers}}人付款/*components/showitems/showitems.wxss*//*外框架*/.showitems-outerbox
比丝甘特·2023-07-24 22:08

小程序瀑布流布局（完美方案）

下面是两张列表页截图，大家可以看一下：//list.wxml列表//list.wxss部分样式#left,#right{width:340rpx;float:left;}#left{margin-right
讨口子·2023-07-24 22:34

微信小程序瀑布流组件

1.创建文件夹/components/waterfall/文件夹结构如图各文件内容：.wxml.wxss.waterfallView{width:100vw;height:100vh;padding:2%
某公司摸鱼前端·2023-07-24 22:29

小程序自定义顶部导航栏

效果//xx.wxml返回-->//空标签给胶囊占位子//xx.wxss/*header*/.y_custom_search{position:fixed;top:0;left:0;width:100%
禾苗种树·2023-07-24 21:33

微信小程序 三级分类（高仿淘宝页面分类）

luowei85520/article/details/90510311这个基础上改成的淘宝三级分类界面：1、WXML代码{{item.cate_name}}{{item.name}}{{item.name}}2、WXSS
su_1998·2023-07-24 18:13

微信小程序学习笔记（四）——自定义组件

自定义组件组件的创建与引用创建组件在根目录下创建components文件夹右键点击components文件夹，选择新建Component，就会自动生成.wxml、.wxss、.js、.json文件引用组件组件的引用方式分为
Jackson_Mseven·2023-07-24 14:40

微信小程序多图上传+异步操作的同步执行+wx.upload的封装

，仅供学习，大致效果和功能如下：image.pngimage.png整体项目文件结构如下image.pngupload.wxml如下，有添加图片，图片预览，删除图片，上传图片功能上传图片upload.wxss
凇个哩个凇·2023-07-24 00:44

web前端学习（三）：微信小程序基于H5规范，开发Android应用程序

整个小程序框架系统分为两部分，逻辑层，视图层，小程序提供了自己的视图层描述语言，WXML和Wxss,以及基于javascript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑
起航吧！少年·2023-07-23 19:01

基于小程序的用户服务技术研究

一般来说，基于小程序的用户服务技术研究包括但不限于以下方面：1.小程序开发技术前端技术：小程序前端主要使用WXML、WXSS、JavaScript等技术进行开发。
蓝色心灵-海·2023-07-23 07:01

2018-03-01-2再学组件

view组件官网给的代码其实不能跑起来的，其实必须修改WXML文件与添加WXSS文件，最后我将自己写的代码贴出来flex-direction:row123flex-direction:column123
幸福晓杰2016·2023-07-22 17:17

day1

微信小程序小程序的开发主要分为三个部分：页面布局：XML,类似HTML页面样式：WXSS,几乎就是CSS(某些不支持，某些进行了增强)页面脚本：JavaScript+WXS,(JS,以及WeixinScript
EEEEsun·2023-07-21 21:27

【微信小程序】左边实现类似微信右上角的两个按钮效果使用position: fixed将按钮固定在页面的左上角使用`z-index`属性控制按钮的层级顺序

然后，在页面的wxss文件中定义对应的样式：.butto
全面解读·2023-07-21 19:39

【微信小程序】使用iView组件库的ActionSheet组件实现底部选择功能

可以在app.wxss中引入iView的样式文件：@import"/path/to/iview/weapp/dist/style/weapp.css";同时，在页面的js文件中引入iView的脚本文件：
全面解读·2023-07-21 19:09

【微信小程序】分别对确认和取消按钮设置不同的样式，添加自定义的样式类

然后，在页面的wxss文件中定义对应的样式：.confirm-button{ba
全面解读·2023-07-21 19:09

含文档+PPT+源码等]精品微信小程序鲜花销售系统+后台管理系统|前后分离VUE[包运行成功]程序设计源码计算机毕设

该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术：WXML和WXSS
IT实战营官方·2023-07-20 17:52

css 3个元素行排列，前2个元素靠左，第三个元素靠右

上效果：实现方式：display:flex，行排列，默认靠左对齐，然后让第三个元素自动占满剩余的空间：flex-grow:1，text-align:end//wxml选择支付方式微信支付//wxss.payment_method
Lan.W·2023-07-20 07:50

【微信小程序】使用weui组件库来实现弹出一个确认的弹窗popup，其中包含图片和名称

以下是一个示例代码：在wxml文件中，添加一个按钮来触发弹出确认popup：显示确认Popup在wxss文件中，定义确认popup的样式：.popup{position:fixed;top:0;left
全面解读·2023-07-19 20:30

小程序常用动画

新建一个animate.wxss,粘贴下面的代码，在app.wxss文件中引入该wxss文件，在需要使用动画的View对应的css中（animation:bounce2sinfinite;）调用。
周晓风·2023-07-19 09:28

微信小程序入门总结

一、目录结构目录结构1.1主体（app）由app.js、app.json、app.wxss组成，包括小程序的注册、全局配置、页面注册、公共变量和方法，还有样式。
猴子也救不了我·2023-07-19 05:07

[小程序]实现轮播自定义圆点样式

文件中使用小程序提供的swiper标签，官方文档对swiper标签的介绍https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html2.wxss
是苏菇凉呀·2023-07-18 19:26

微信小程序开发 day08、day09 - 模糊态、圆角、默认插槽、歌曲播放、歌词解析、声词同步、进度条同步、正则匹配

一、day08-模糊态、圆角、默认插槽、1、实现下图效果①背景图是通过主图进行模糊的效果②主图圆角/*pages/home-lsp/index.wxss*/.bg-imgage,.bg-cover{position
望穿秋水小作坊·2023-07-18 15:04

微信小程序开发1

这里写目录标题一、结构1.项目结构页面结构3.小程序的通信模型4.小程序运行机制二、组件视图容器组件:一、结构1.项目结构页面结构2.语言结构WXML与HTML区别:WXSS与CSS区别:.Js文件的分类
Lio n J·2023-07-18 05:41

如何做出一个微信小程序

可以使用基于WXML和WXSS的类HTML和CSS语言进行界面设计和样式定义，并使用JavaScript进行交互和业务逻辑的编写。4.测试小程序在开发过程中，使用微信开发者工
团团很腻害·2023-07-18 02:14
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他