weex不同的页面，是否可以引入相同的css样式？

Question

比如我有两个we文件，testa.we和testb.we，里面有一些相同的style，我想把重复的style都定义在一个公共的css文件里，然后再引入进来，weex目前支持这种方式吗？

我自己试过似乎只能引入js文件并不能引入css文件，但是吧css的class样式放在js文件中引入，也有问题。

Answer 1

<style src="../../styles/public.css" scoped></style>

Answer 2

@import

Answer 3

不太清楚we是否可以，但是vue是支持的。

Answer 4

我觉得任何框架应该都是可以的

Answer 5

weex 跟vue一样的做法。可以通过 @import url; 引入样式文件。
或者你可以参考，postcss-import 通过 postcss 的方式引入也可以。

假定，你的目录结构如下:

src
  - foo.vue
  - foo.css

那么，用法如下：

<template>
  <div class="wrapper" @click="update">
    <image :src="logoUrl" class="logo"></image>
    <text class="title">Hello {{target}}</text>
  </div>
</template>

<style>
  @import 'foo.css';
  .wrapper { align-items: center; margin-top: 120px; }
  .title { font-size: 48px; }
  .logo { width: 360px; height: 82px; }
</style>

<script>
  export default {
    data: {
      logoUrl: 'https://alibaba.github.io/weex/img/[e-mail]',
      target: 'World'
    },
    methods: {
      update: function (e) {
        this.target = 'Weex'
        console.log('target:', this.target)
      }
    }
  }
</script>

Answer 6

引用共用的css,在源码里都会生成多个同样的副本

Answer 7

请看看我的总结！http://blog.csdn.net/seafishy...