博客专栏  >  前端   >  微信小程序Step by step

微信小程序Step by step

总结归纳微信小程序学习中的知识点,记录学习中遇到的问题和解决方案。方便自己整理思路,也希望能帮助跟我一样正在学习的小伙伴。 路虽远、行则将至,事虽难、做则必成。

关注
9 已关注
11篇博文
  • 微信小程序多行省略

    .module-news .news-title{ height: 60px; overflow: hidden; width: calc(100% - 100px); box-siz...

    2017-09-05 15:19
    248
  • 微信小程序wx.navigateTo页面不跳转

    今天在做微信小程序的时候,做的商品购买流程。流程是这样的: 商品展示-->商品详情-->下单页面-->下单详情页面-->支付结果页面-->跳转订单详情页面。 但是在支付成功之后,点击按钮跳转,发现怎么...

    2017-09-01 15:30
    226
  • 微信小程序checkbox选中改变样式

    本篇文章主要讲解在微信小程序中如何通过checkbox选中和未选中来改变checkbox的样式,效果如下: 原理:通过serviceValChange来监听所有checkbox的变化...

    2017-07-13 11:51
    1348
  • 微信小程序Radio选中样式切换

    本篇文章主要讲解在微信小程序中如何根据Radio选中来切换样式。效果如下: 原理主要是通过判断一个radio-group中哪个被选中,就让它加上一个“active”的样式。 代码如下: ...

    2017-07-06 00:09
    1089
  • 微信小程序获取当前所在城市

    本篇文章主要讲解在微信小程序中,如何利用微信自带的api(wx.getLocation())结合百度地图的逆地址解析api来获取当前所在城市名。 实现起来也比较简单,步骤为: 1--利用微信小程序...

    2017-07-04 12:26
    986
  • 微信小程序使用字体图标

    项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步:下载需要的字体图标 进入阿里图标...

    2017-07-03 19:29
    1134
  • 微信小程序点击控件修改样式

    现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它。 第一步:在wxss中定...

    2017-06-30 18:23
    1827
  • (四)微信小程序之实现轮番效果(swiper)

    轮番效果在很多的网站主页或者手机应用端都能看到,在微信小程序中使用swiper组件来实现图片轮番,今天的小例子效果如下: 为了方便演示我将动画切换的间隔调整为3s,现实项目中一般为5s,具体...

    2017-01-06 23:37
    2025
  • (三)微信小程序之容器组件view实现水平和纵向布局

    项目中最常用的两种布局方式,水平布局和垂直布局,在微信小程序中实现起来也比较简单。 1.横向水平布局: 实现水平布局,需要四个view容器组件,其中一个是父容器。如下: box1 bo...

    2017-01-06 22:41
    5080
  • (二)微信小程序之文件结构目录解析

    在微信开发者工具中添加项目并勾选创建默认小程序,系统给我们自动创建的小实例是第一个页面显示我们的头像、昵称还有hello world的文本,点击头像跳转到另外一个页面显示启动日志,效果如下: 进入...

    2017-01-06 13:47
    1590
  • (一)如何新建一个微信小程序

    最近微信小程序蛮火的,我自己也开始了微信小程序的学习之路,在这里记下学习中遇到的问题,总结项目过程中的知识点,希望在帮助自己总结知识的同时也能帮助到有需要的小伙伴。 下面来讲一下新手如何创建一个微信...

    2017-01-06 10:34
    2115
img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部