小程序:目录结构、自定义组件封装(w-swiper)

本文介绍了小程序的基本目录结构,包括全局app、页面pages和组件components目录。重点讲解了如何封装自定义组件w-swiper,通过创建components目录,包含wxml、wxss、js和json四个文件来实现组件功能。详细步骤和代码示例可参考链接。
摘要由CSDN通过智能技术生成

1、小程序目录结构

全局的app

页面级别pages

组件级别components

在小程序里只能用HTTPS

在这里插入图片描述

2、小程序组件封装

(1)创建components目录(封装一个自己的w-swiper组件。)

  1. 在根目录下创建一个components目录,用来存放所有组件。

  2. 例如我们创建一个w-swiper组件,在components目录下创建w-swiper目录。
    自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。

封装一个自己的w-swiper组件。

具体详细小程序组件封装,请看添加链接描述

w-swiper.wxml

    <swiper indicator-dots='true' 
            indicator-active-color='#ff5777'
            autoplay='true'
            circular='true'
            interval='3000'
            class='swiper'>
      <block wx:for="{
   {images}}" wx:key="index">
        <swiper-item>
          <image 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值