文章 2022-06-30 来自:开发者社区

微信小程序打造本地宝(1)—— 主页面

微信小程序基础:思维导图实现:效果图我们将模块分解,实际要实现轮播图、首页导航分区、模块间的小白条、首页入口分区,与底部tab导航栏1. 添加轮播图用列表渲染 wx:for 更高效,<!-- 首页轮播图分区 --> <view class='slider'> <swiper indicator-dots="true" autoplay="{{ true }}...

微信小程序打造本地宝(1)—— 主页面
文章 2022-06-13 来自:开发者社区

微信小程序 关闭当前页面

wx.navigateBack(Object object)关闭当前页面,返回上一页面或多级页面。wx.navigateBack({ delta: 1 })接收一个参数delta,即返回的页数,默认是1,即返回上一页,所以也可以省略wx.navigateBack({})wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar...

文章 2022-06-09 来自:开发者社区

6.7【微信小程序全栈开发课程】记录页面(七)--分页加载记录数据

1、添加data变量编辑record.vue文件,添加两个变量page和morepage默认为0,表示当前的页数;more默认为true,用来控制底部显示的信息data () { return { show_record:false, userinfo:{}, records:[], page: 0, more: true } },2、添加底部页面...

文章 2022-06-09 来自:开发者社区

6.6【微信小程序全栈开发课程】记录页面(六)--修改备注

1、引入工具函数编辑RecordList.vue文件,引入util.js文件中的post、showModal这两个工具函数//参考代码,无需粘贴 //&lt;script&gt; //需要添加的部分 import {post,showModal} from '@/util'2、添加撤销方法编辑RecordList.vue文件的script部分,在methods函数添加修改备注的方法addNote....

6.6【微信小程序全栈开发课程】记录页面(六)--修改备注
文章 2022-06-09 来自:开发者社区

6.5【微信小程序全栈开发课程】记录页面(五)--隐藏显示文本框

1、添加data变量编辑RecordList.vue文件的data函数,添加三个变量:ellipsis、note、src其中ellipsis用来控制添加或者编辑文本框显示、note是添加或者编辑文本框中的文本(note默认为记录数据里面的备注)、src是编辑按钮图片链接data () { return { create_time:formatTime(new Date(this.re...

6.5【微信小程序全栈开发课程】记录页面(五)--隐藏显示文本框
文章 2022-06-09 来自:开发者社区

6.4【微信小程序全栈开发课程】记录页面(四)--mpvue时间格式化

1、修改日期文件mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件,将日期格式化成“YYYY.MM.DD hh:mm”格式。编辑src/utils/index.js文件,替换formatTime方法export function formatTime (date) { const year = date.getFullYear() const month ...

文章 2022-06-09 来自:开发者社区

6.3【微信小程序全栈开发课程】记录页面(三)--记录数据组件初始化

1、功能介绍在记录页面对记录数据进行展示,每条记录数据后面都有编辑按钮,点击编辑按钮,出现修改文本框,点击修改按钮后,文本框会自动收起2、创建组件在src/components文件夹下面创建一个RecordList.vue文件,用来展示一条记录写入vue基础代码<template> <div> 记录数据组件 </div> </templa...

6.3【微信小程序全栈开发课程】记录页面(三)--记录数据组件初始化
文章 2022-06-09 来自:开发者社区

6.2【微信小程序全栈开发课程】记录页面(二)--获取记录数据

1、添加data变量添加records变量,用来保存记录数据data () { return { show_record:false, userinfo:{}, records:[], } },2、引入get工具函数//参考代码,无需粘贴 //<script> //需要添加的部分 import {get} from '@/util'3、添加获取记录方法...

6.2【微信小程序全栈开发课程】记录页面(二)--获取记录数据
文章 2022-06-09 来自:开发者社区

6.1【微信小程序全栈开发课程】记录页面(一)--添加记录页面

1、创建记录页面文件夹(1)在src/pages文件夹下面新建一个命名为record的文件夹,并且在文件夹下创建record.vue、main.js两个文件(2)修改src/pages/record/main.js文件main.js是入口文件,通过main.js来加载record.vue文件。每个页面文件夹中都要有main.js文件import Vue from 'vue' import App....

6.1【微信小程序全栈开发课程】记录页面(一)--添加记录页面
文章 2022-06-09 来自:开发者社区

4.4【微信小程序全栈开发课程】个人中心(四)--创建意见反馈页面

1、创建意见反馈页面(1)在src/pages文件夹下面新建一个命名为opinion的文件夹,并且在文件夹下创建opinion.vue、main.js两个文件2)修改src/pages/opinion/main.js文件import Vue from 'vue' import App from './opinion' const app = new Vue(App) app.$mount()(3....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注