前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >开发小程序日志(一)

开发小程序日志(一)

作者头像
Tanger
发布2021-06-16 14:30:54
5170
发布2021-06-16 14:30:54
举报
文章被收录于专栏:Tanger的思源地Tanger的思源地

微信小程序介绍

   小程序小程序当然就是小程序,现在的生活很多软件就TM用一次两次就用不上烂在手机里占用手机的内存,据统计一个人的手机里70%的软件是很少用的,只有30%的软件是经常使用的,所以就有人开发出微信小程序

小程序的目录

一般来说,一个页面一个文件夹四个文件

这四个文件缺一不可,到后面我们可以通过超链接实现各个页面的转换

wxss和css是一个意思,只不过是微信小程序的一个变动

基础布局容器

小程序的许多使用方法还是和vue前端语法一样的

view

hover

这个代码的用途是像按钮一样,按下去可以改变你想改变的

代码语言:javascript
复制
\<view class="box" hover-class="boxHover"\>

wdnmd

<view class="item" hover-class="boxHover"></view>

wdnmd

</view>

把这串代码放在.wxml文件中,然后在.wxss也进行修改对“item”和“box”这两种块进行一个定义

代码语言:javascript
复制
.box{ width: 100px; height: 100px;background-color: blue;}
.box:hover{ background-color: cornsilk;}
.item{ width: 30px; height: 50px;background-color: rgb(209, 209, 209);}
.item:hover{ background-color: green;}

然后他的效果就是单击修改背景颜色

flex-direction

当其后面的字符为row时指的是横向布局 当其后面的字符为column时指的是纵向布局 如图:

flex-direction: row\n横向布局flex-direction: column\n纵向布局

swiper

  这个视图容器就好比幻灯片,interval用来控制两个幻灯片交换的时长单位为毫秒(ms),previous-margin用来设置前边距

如何将hexo迁到一台新电脑上

网上的其他教程都很复杂繁琐 现在介绍一种方便的方法 1.首先在新电脑配好node,git等,就是安装2.然后用压缩包把原电脑关于hexo的那些文件全部转移到新电脑上,也就是hexo那个文件夹压缩...

javaScript开发微信小程序

注册小程序开发小程序先要做的就是注册小程序,要开发自然要一个账号,账号就自己的那个号,然后直接访问 https://mp.weixin.qq.com/, 可以看到账号分三类:服务号,订阅号和小程...

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020年8月20日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信小程序介绍
  • 小程序的目录
  • 基础布局容器
    • view
      • hover
      • flex-direction
    • swiper
    相关产品与服务
    访问管理
    访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档