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

4.3【微信小程序全栈开发课程】个人中心(三)--操作指引页面

1、创建说明书页面在第二章讲过创建新页面的步骤,这次再来复习一下(1)在src/pages文件夹下面新建一个命名为instruction的文件夹,并且在文件夹下创建instruction.vue、main.js两个文件(2)修改src/pages/instruction/main.js文件import Vue from 'vue' import App from './instruction' ....

4.3【微信小程序全栈开发课程】个人中心(三)--操作指引页面
文章 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文件代码解析
文章 2022-06-09 来自:开发者社区

2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误

1、修改入口文件也就是src/pages/index/main.js文件main.js是入口文件,通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件//加载vue组件和index.vue文件 import Vue from 'vue' import App from './index' //新建一个index页面的Vue实例 const app = new ....

2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误
文章 2022-06-09 来自:开发者社区

2.1【微信小程序全栈开发课程】小程序前端页面初始配置

1、修改src/pages文件夹pages文件夹里面是小程序的所有页面,我们将counter、logs这两个文件夹删掉,只留下index文件夹2、修改src/app.json文件将文件中的代码全部删除掉,粘贴下面代码。这个文件与原生小程序框架里面的app.json文件是一样的{ "pages": [ "pages/index/main" ], "window": { ...

2.1【微信小程序全栈开发课程】小程序前端页面初始配置
文章 2022-06-09 来自:开发者社区

微信小程序设置预览页面的三种方式

在开发微信小程序的过程中,我们需要实时预览代码呈现的效果。在默认的情况下,每次保存编译之后,展现的都是/pages/index/index页面,而不是我们期望预览的页面,需要手动进行点击跳转,影响开发效率。那么有没有方法可以将我们当前开发的页面设置为自动预览页呢?有多少种方法?微信开发者工具设置预览页面的三种方式(不推荐)在app.json中设置pages属性数组的顺序,将需要预览的页面路径设置....

微信小程序设置预览页面的三种方式
文章 2022-06-08 来自:开发者社区

【mpvue】微信小程序返回到tab页面并刷新页面,在微信开发者工具运行正常,但是真机调试的时候跳转到了tab页面但不会刷新。getCurrentPages()获取的不是当前页面

1、问题描述在「添加基金页面pages/addfund/main」添加完基金后,点击取消,会需要跳转到「基金页面pages/index/main」并且刷新出刚刚添加的基金现在的问题是:在微信开发者工具中操作时:添加完基金后,会跳转到「基金页面pages/index/main」并且刷新出刚刚添加的基金在真机调试、预览时:在手机上操作添加完基金后,会跳转到「基金页面pages/index/main」....

【mpvue】微信小程序返回到tab页面并刷新页面,在微信开发者工具运行正常,但是真机调试的时候跳转到了tab页面但不会刷新。getCurrentPages()获取的不是当前页面
文章 2022-06-08 来自:开发者社区

【mpvue】微信小程序调用switchTab重定向到页面,不会自动刷新,调用page.onLoad()方法没有效果

1、小程序效果演示(1)点击添加基金按钮,跳转到添加基金的页面,目前该页面(pages/index/main)有两个基金。(2)在添加基金页面填写基金代码,会跳出弹框是否继续添加基金(3)点击取消,会自动跳转到首页,显示刚刚添加的基金2、需求描述,在添加基金页面添加完基金之后,点击showModal提醒框的取消按钮,自动跳转到首页并自动刷新首页,显示出刚刚添加的基金(/pages/index/m....

【mpvue】微信小程序调用switchTab重定向到页面,不会自动刷新,调用page.onLoad()方法没有效果
文章 2022-05-08 来自:开发者社区

【愚公系列】2022年04月 微信小程序-项目篇(祝福语)-01 首页页面设计

一、首页页面设计1.首先上图2.全局样式设置app.wxss/**app.wxss**/ page{ font-family: "PingFang SC", "PingFang-SC-Light", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size...

【愚公系列】2022年04月 微信小程序-项目篇(祝福语)-01 首页页面设计

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

产品推荐

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

阿里小程序云

阿里小程序云官方技术圈

+关注