![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 60
张张同学!
其实路上风再大也没有关系。
展开
-
微信小程序项目2(哔哩哔哩)
感觉有点艰难,但是做出来了【大哭】目录如下:效果预览1. pages/detail// pages/detail/detail.jsPage({ /** * 页面的初始数据 */ data: { // 视频详情 videoInfo: null, //推荐视频 othersList: [], //评论数据 commentData: null, //评论图片网址数据 commentImg: ['https://g原创 2021-08-04 17:41:41 · 6660 阅读 · 2 评论 -
微信小程序项目(哔哩哔哩小程序)
哔哩哔哩小程序一、进行初始化二、设计头部一、进行初始化首先打开一个新项目,将app.js文件全部删掉,输入app使用回车导出如下默认代码:App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { }, /** * 当小程序启动,或从后台进入前台显示,会触发 onShow */ onShow: function (options) { },原创 2021-07-31 15:12:27 · 3203 阅读 · 2 评论 -
微信小程序13(自定义组件)
自定义组件1.1. 创建自定义组件1.1.1. 声明组件1.1.2. 编辑组件1.1.3. 注册组件1.2. 使用自定义组件小程序允许我们使用自定义组件的方式来构建页面。自定义组件1.1. 创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成1.1.1. 声明组件首先需要在 json 文件中进行自定义组件声明{ "component": true}1.1.2. 编辑组件同时,还要在 wxml 文件中编写组件模板,在 wxss 文件中加入组原创 2021-07-31 09:40:35 · 78 阅读 · 0 评论 -
微信小程序12(swiper轮播图,导航设置、video)
swiper轮播图,导航设置一、swiper基础二、navigator基础1. 全部2.常见3.open-type 有效值三、video一、swiper基础微信内置基础轮播图组件默认宽度100% 高度150px滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。wxml<swiper autoplay indicator-dots indicator-color="blue" indicator-active-color="red" circular inte原创 2021-07-29 10:56:12 · 709 阅读 · 0 评论 -
微信小程序11(基础组件)
基础组件一、基础组件1.view2.text3.space 的合法值一、基础组件框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。什么是组件:组件是视图层的基本组成单元。组件自带一些功能与微信风格一致的样式。一个组件通常包括 开始标签 和 结束标签,属性 用来修饰这个组件,内容 在两个标签之内。<tagname property="value">Content goes here ...</tagname>原创 2021-07-27 09:52:18 · 175 阅读 · 0 评论 -
微信小程序10(wxss-样式导入、内联样式、选择器、全局样式与局部样式)
wxss-样式导入、内联样式、选择器、全局样式与局部样式一、样式导入二、内联样式1.讲解2.例子三、选择器四、全局样式与局部样式一、样式导入使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。示例代码:/** common.wxss **/.small-p { padding:5px;}/** app.wxss **/@import "common.wxss";.middle-p { padding:15px;}例子原创 2021-07-27 09:12:37 · 2875 阅读 · 0 评论 -
微信小程序9(wxss)
wxss一、概述二、尺寸单位三、样式导入一、概述wxss是一套样式语言,用于描述wxml的组件样式与css相比,wxss扩展的特性有:尺寸单元样式导入二、尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。建议: 开发微信小程序时设计师可以用 iPhone6原创 2021-07-24 11:09:30 · 210 阅读 · 0 评论 -
微信小程序8(wxml-列表渲染)
列表渲染一、循环数组1.例子12.例子23.更改index以及使用block一、循环数组1.例子1data: { arr:["苹果","香蕉","梨子"] },<view> <view wx:for="{{arr}}" wx:key="{{index}}"> {{index}}:{{item}} </view></view>2.例子2 data: { arr:["苹果","香蕉","梨子"], person原创 2021-07-24 10:06:27 · 165 阅读 · 0 评论 -
微信小程序7(运算)
运算一、引例二、三元运算三、算术运算1.常量运算2.变量运算3.逻辑判断一、引例如下图所示,很多时候我们可以这样设置选中,但是很多时候需要根据条件来判断是否选中,所以需要进行更改二、三元运算首先感受一下,在.js文件中增加变量定义为ischecked,附以true值,在.wxml文件中进行更改:.js data: {ischecked:true },.wxml<view> <checkbox checked="{{ischecked}}"></c原创 2021-07-24 09:05:36 · 1019 阅读 · 0 评论 -
微信小程序入门笔记6(视图层)
视图层一、wxml1. 数据绑定(1)普通写法(2)组件属性(3)bool类型一、wxmlWXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。1. 数据绑定(1)普通写法<view> HELLO WORlD</view> 如上图所示,进行一个文本的展示,但是通常情况下我们是需要进行变量的展示(大部分显示出来的东西是随时变化的)所以我们进行如下更新如果需要在页面进行展示一些变量的值,我原创 2021-07-23 11:28:08 · 154 阅读 · 0 评论 -
微信小程序入门笔记5(page.json)
page.json一、全局配置1、pages 页面路径2. Windows配置3、tabBar 底部导航(1)list(2)networkTimeout 各类网络请求的超时时间二、页面配置一、全局配置1、pages 页面路径2. Windows配置3、tabBar 底部导航(1)list其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:(2)networkTimeout 各类网络请求的超时时间原创 2021-07-23 10:45:56 · 1580 阅读 · 0 评论 -
微信小程序入门笔记4(回顾app.josn)
app.josn一、页面配制二、全局配置三、代码汇总一、页面配制二、全局配置三、代码汇总{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/index2/index2" ], "window":{ "backgroundTextStyle":"dark", "navigationBarBackgroundColor": "#0094ff", "navigati原创 2021-07-22 10:08:04 · 95 阅读 · 0 评论 -
微信小程序入门(3.常见组件)
常见组件一.组件view1.创建新的页面一.组件view1.创建新的页面在utils文件下的json进行创建那里的pages就是同页面设定的地方我们只需要复制自带的文件,然后将index更改为一个新的名字就好了这里我改成了test1然后使用快捷键Ctrl+s就可以再次编译这样子,我们的任务管理器里就多了一个test1 的目录注意:这里的pages第一个是什么,那开始的页面就是什么...原创 2021-03-19 21:27:35 · 475 阅读 · 0 评论 -
微信小程序入门(2. 认识三剑客)
开始学习小程序一.认识小程序三剑客1.哪三剑客?2.分别了解3.尝试编码wxml体验wxss一.认识小程序三剑客1.哪三剑客?2.分别了解wxml:主要是用来布局组建的。相当于大楼,就是这个大楼有餐饮娱乐什么什么的都是这个决定的wxss:主要决定显示样式,也就是决定大楼内外部装饰以及颜色什么的js:主要是用来处理逻辑的,也就是大楼的电梯动作,放电影,ktv唱歌什么的动态动作3.尝试编码wxml<view> <view> <view原创 2021-03-16 14:34:24 · 652 阅读 · 0 评论 -
微信小程序(1.小程序入门)
一.前景发展优势好处二.开发工具下载地址下载对应版本运行后,安装后就可以得到桌面快捷图标打开登录后开始创建然后开始加载,有一点慢,等待后创建成功三. 认识开发工具四.项目目录1.页面pages(1)初始页面写完代码记得保存Ctrl+s(2) index页面设置2. app.js(入口文件)...原创 2021-03-10 23:04:28 · 109 阅读 · 0 评论