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

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

1、引入工具函数编辑RecordList.vue文件,引入util.js文件中的post、showModal这两个工具函数//参考代码,无需粘贴 //<script> //需要添加的部分 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.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.1【微信小程序全栈开发课程】个人中心(一)--页面样式、用户信息展示

第四章,我们来完善个人中心,主要操作是src/pages/me文件夹中的me.vue文件,先看看个人中心页面的效果:1、将个人中心页面放在首页在讲解app.json文件时,提到过在pages数组中第一个页面路径是进入小程序的默认显示页面这一章我们编辑个人中心页面,将个人中心页面路径放在pages数组中的第一个编辑src/app.json文件,将个人中心页面路径放在第一个"pages": [ ...

4.1【微信小程序全栈开发课程】个人中心(一)--页面样式、用户信息展示
文章 2022-06-09 来自:开发者社区

2.5【微信小程序全栈开发课程】个人中心页面搭建

1、创建个人中心页面文件夹(1)在src/pages文件夹下面新建一个命名为me的文件夹,并且在文件夹下创建me.vue、main.js两个文件目前pages文件夹如下所示:(2)修改src/pages/me/main.js文件main.js是入口文件,通过main.js来加载me.vue文件。每个页面文件夹中都要有main.js文件//加载vue组件和me.vue文件 import Vue f....

2.5【微信小程序全栈开发课程】个人中心页面搭建
文章 2022-06-09 来自:开发者社区

2.3【微信小程序全栈课程】index页面完善--vue文件代码解析

1、template 部分(1)修改template部分的代码template里面包含html代码,对应着原生小程序框架里中的.wxml文件。我们将index.vue文件中的template部分的代码修改成下面的代码<template> <div> <div class="show"> <div class="mark-text"...

2.3【微信小程序全栈课程】index页面完善--vue文件代码解析

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

产品推荐

{"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"}}

mPaaS 移动开发平台

mPaaS 源于蚂蚁集团金融科技,为 App 开发、测试、运营及运维提供云到端的一站式解决方案,致力于提供高效、灵活、稳定的移动研发、管理平台。 官网地址:https://www.aliyun.com/product/mobilepaas/mpaas

+关注