zoukankan      html  css  js  c++  java
  • vue轮播图

    布局轮播图加载数据渲染
    1. 引用mintui,下包,按需导入,布局到页面
    2. 获取数据, 如何获取呢, 使用 vue-resource
    3. 使用 vue-resource 的 this.$http.get 获取数据
    4. 获取到的数据,要保存到 data 身上
    5. 使用 v-for 循环渲染 每个 item 项


    把轮播图抽离成组件,供多页面引用
     分析:为什么 商品评论中的 轮播图那么丑: 
    1. 首页中的图片,它的宽和高,都是 使用了 100% 的宽度
    2. 在商品详情页面中,轮播图的 图片,如果也使用 宽高 为 100%的话,页面不好看
    3. 商品详情页面中的轮播图,期望 高度是 100%, 但是 宽度为 自适应
    4. 经过分析,得到 问题的原因: 首页中的轮播图 和 详情中的轮播图,分歧点是 宽度到底是 100% 还是 自适应
    5. 既然这两个 轮播图,其它方面都是没有冲突的,只是 宽度有分歧, 那么
    ,我们可以定义一个 属性,让 使用轮播图的 调用者,手动指定 是否为 100% 的宽度
    用对象方式定义类,宽度是否为100%

    首页为100%

     
    商品宽度自适应
  • 相关阅读:
    PostGIS解压版安装
    gulp监听文件变化,并拷贝到指定目录
    pre在火狐中不换行
    Undefined symbols for architecture i386: "_crc32", referenced from:
    响应式自动化开发流程-Windows 版
    Gulp入门教程
    SVG折线图
    git-版本控制
    log4j
    CSS:描述样式
  • 原文地址:https://www.cnblogs.com/ll15888/p/11243550.html
Copyright © 2011-2022 走看看