zoukankan      html  css  js  c++  java
  • 工作遇到的问题之 -- mpvue写小程序

    如何使用mpvue做小程序,引入公共的common.css

    随意在目录下建一个common.css文件,然后再App.vue中以import的形式 引入;

         ====》App.vue中

     实现轮播图

    使用微信小程序默认的swiper

    swiper组件
    使用的页面和vue引入组件一样 
    <template>
        <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="circular">
            <block v-for="(item, index) in images" :key="index">
                <swiper-item>
                    <image :src="item.url" class="slide-image" mode="aspectFill"/>
                </swiper-item>
            </block>
        </swiper> 
    </template>
    
    <script>
    export default {
      props: {
        images: {
          type: Array
        }
      },
      data() {
        return {
          indicatorDots: true,
          autoplay: true,
          circular:true,
          interval: 3000,
          duration: 500
        };
      }
    };
    </script>
    
    <style scoped>
    .swiper {
      height: 376rpx !important;
    }
    image {
      height: 100%;
       100%;
    }
    </style>
    

      

      html:<Swiper :images="info.image" />
     
     export default{ components: {Swiper},}
  • 相关阅读:
    010-1 Socket地址族AddressFamily
    011 Socket定义客户端
    003 win7如何配置adb环境变量
    002 调试工具的具体功能
    001 Nibiru SDK 调试工具介绍
    001 UI介绍
    010 socket定义服务器
    001 Lua相关链接
    000 Lua目录
    深拷贝的、浅拷贝讲解以及示例
  • 原文地址:https://www.cnblogs.com/fyjz/p/11693194.html
Copyright © 2011-2022 走看看