mpvue 使用sass

小灰灰 2021-07-24 23:22 466阅读 0赞

1、安装
    	cnpm install --save sass-loader@7.1.0 node-sass
    	
    2、style中,lang='scss'

代码示例:

<template>
      <div class='b'>
        <image class='c' src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2364242578,2976026814&fm=26&gp=0.jpg" mode='widthFix'/>
        <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2364242578,2976026814&fm=26&gp=0.jpg" alt="">
        <ul>
          <li v-for="(item,index) in films" :key="index">
            
            <img :src="item.poster" alt="">
            <image src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2364242578,2976026814&fm=26&gp=0.jpg" mode='widthFix'/>
            <text>{ { item.name}}</text>  
          </li>
        </ul>
      </div>
    </template>
    
    <script>
    
    export default { 
      data () { 
        return { 
          films:[]
        }
      },
      props:['msg'],
      components: { 
    
      },
    
      methods: { 
        clickHandle()
        { 
    
        }
      },
      mounted()
      { 
        if(mpvuePlatform==='wx')
        { 
          mpvue.request({ 
            url:'https://www.easy-mock.com/mock/5cd62f927f8f72433eeaa0b9/api/film/getList',
            success:(res)=>{ 
                this.films=res.data.films;
                console.log(this.films);
            }
          })
        }
      }
    }
    </script>
    
    <style scoped lang='scss'>
    
    .b{ 
      .c{ 
        width:300px;
        height: 800px;
      }
      img{ 
        height: 900rpx;
      }
    }
    
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，466人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue使用sass

vue使用sass node 安装版本 12.16.3 sass版本 ![在这里插入图片描述][f2f9f78567a145589cb3e9a997a26d06.

Dear 丶/ 2022年09月14日 02:29/ 0 赞/ 215 阅读

相关如何使用sass

文章目录前言使用编译器中sass插件的版本问题本地下载编译使用 -------------------- 前言最

Bertha 。/ 2022年09月03日 14:28/ 0 赞/ 220 阅读

相关【mpvue】如何升级mpvue版本

1、查看当前mpvue版本打开小程序项目，在package.json文件中可以看到mpvue当前的版本，可以看出我当前mpvue的版本是"^2.0.0"，意思是安装mp

向右看齐/ 2022年02月18日 12:31/ 0 赞/ 256 阅读

相关使用sass

sass安装 compass安装 1.sass 需要安装ruby,然后通过gem安装sass. 2. less有想=两种安装方: 客户端安装: 引入les

忘是亡心i/ 2021年10月13日 17:56/ 0 赞/ 275 阅读

相关 mpvue - 使用vuex

前提：在mpvue安装了vuex 使用： 1）创建store/index.js import Vue from 'vue' impor

小咪咪/ 2021年09月20日 13:38/ 0 赞/ 408 阅读

相关 mpvue - mpvue使用iView Weapp组件库

前言 iView weapp 是iview针对微信小程序开发组件库。 iView Weapp 地址：[https://weapp.iviewui.com/

川长思鸟来/ 2021年09月19日 18:44/ 0 赞/ 429 阅读

相关 vue项目使用sass，sass与scss异同

scss是sass3引入的新语法，语法完全兼容css3,也完全继承了sass的功能，也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCS

旧城等待，/ 2021年08月13日 11:11/ 0 赞/ 468 阅读

相关 mpvue - 使用Echarts图表

安装依赖包 npm install echarts vue-echarts --save yarn add echarts mpvue-echarts

蔚落/ 2021年07月26日 12:33/ 0 赞/ 773 阅读

相关 mpvue 使用sass

1、安装 cnpm install --save sass-loader@7.1.0 node-sass 2、style中,lang='s

小灰灰/ 2021年07月24日 23:22/ 0 赞/ 467 阅读

相关 vue 使用sass/scss

1、安装 cnpm install sass-loader@7.3.1 --save-dev //8.0版本太高会报错(web3.x版本) cnp

左手的ㄟ右手/ 2021年07月24日 11:44/ 0 赞/ 511 阅读