专栏首页算法与编程之美微信小程序|基本页面设置

微信小程序|基本页面设置

问题描述

1 最近几年微信小程序特别的火,快捷容易不需要下载所以不占内存,给我们带来方便。支付,小游戏,应用等很多地方都需要小程序。其实小程序的开发和网页制作基本一样,都是需要用标签来定义。那么如何来设计简单的小程序页面?需要哪些元素呢?

解决方案

2 微信小程序顾名思义就是在微信中使用的一种小应用程序,不管是应用型还是游戏型它们都需要界面都需要在首页给使用者清晰的感受。页面的基本内容文字,图片,页面下方的任务栏分为不同的页面,一个任务键就是一个页面。结构性比较强要求比较高,跟网页一样需要很多的标签来定义。

3 首先需要登录微信开发者工具,在里面选择你想要制作的小程序的类型。

左边是小程序在手机上的界面,右边是写代码的区域。

图3.1.1

在app.json中进行小程序的总体框架设置。

A. app.json是小程序的全局配置,一些界面,导航栏图标,背景的设置等

我们在导航栏插入的不同的界面需要进行定义配置。

图3.2.1

图3.2.2

B.App.json中的tabBar中可以设置一些小程序中边框中的图片,文字的属性,颜色,背景,路径等。

图3.2.3

图3.2.4

C.window中是定义小程序中页面顶部的颜色,字体,字体颜色的。

图3.2.5

图3.2.6

D.“iconPath”是框框中原图标形式,”selectedIconPath”是你点击该图标时改变的另一种形式。

图3.2.7

图3.2.8

页面内容是在index.wxml里面写,index.wxss是定义一些盒子的属性。

图3.3.1

图3.3.2

结语

4 小程序很有结构性,不同的属性设置会在不同的文件中书写,环环相扣,分工明确。跟网页一样需要用很多的标签来定义。一个小程序界面的基本要素就是导航栏,内容,边框功能键。小程序的开发会用到很多的网页的基本知识和css的定义。

END

实习编辑 | 王文星

责 编 | 江汪霖

本文分享自微信公众号 - 算法与编程之美(algo_coding),作者:江汪霖

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序|突出优点

    为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地...

    算法与编程之美
  • Python|利用第三方库编辑word的基本操作

    众所周知python有很多第三方库,这也是python简单实用的原因,有时用python处理word文档就需要安装python-docx库。

    算法与编程之美
  • 微信小程序|配置文本框样式、排版及点击页面跳转

    我们在使用一个小程序时,总是会看到页面给出你不同的选择文本框,而你需要单击文本框跳转到你需要了解的内容页面中去。因此,如何美化这些文本框以及如何配置页面跳转是我...

    算法与编程之美
  • 欢乐送小程序自动化探索实践

    在私信聊天页,输入http://debugx5.qq.com,点击后跳转到x5调试页面,点击信息,然后勾选【打开TBS内核Inspector调试功能】。

    测试开发社区
  • 小程序注册开发制作过程中要注意哪些?

    小程序在注册制作发布过程中常常会遇见审核不通过或是上线后被停止等问题,那么怎么避免这类问题的出现呢?

    速成应用小程序
  • opoa介绍

    一 定义       One Page, One Application(后面缩写为OPOA,或者1P1A), 含义很简单:一个页面就是一个应用。不再使用ifr...

    hbbliyong
  • 微信小程序框架 同时兼容QQ小程序

    最近一直在开发微信小程序,经过几个版本的迭代开发,代码终于能够达到框架级别,动态配置。除了界面有些寒酸以外,功能上还是挺完备的。

    用户1219352
  • 微信小游戏:它是App生态推动者,还是生态搅局者?

    2017这一年,随着微信用户数的不断增长,加上外界的推波助澜,腾讯和苹果的关系变得极为微妙。随着“小游戏”的上线,肯定有人会说:微信推出“小游戏”,岂不是正式向...

    企鹅号小编
  • WeChat 从一个简单的“Welcome”页面来开启小程序之旅吧

    本次的系列博文的知识点讲解和代码,主要是来自于 七月老师 的书籍《微信小程序开发:入门与实践》,由个人总结并编写,关于更多微信小程序开发中的各项技能,以及常见问...

    Nian糕
  • 干货|用户获取难?看看做好小程序裂变的五大技巧

    目前市场上小程序已经深入到电商、新零售等领域,并做出了优秀的数据,而越来越多的商家也借力友好速搭上线了电商小程序,进入到社交电商这一红利领域。

    友好速搭小编

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动