1<template lang="jade"> 2.wrap 3 text.text-hi {{hi}} 4 text.text-name {{name}} 5</template> 6 7<style lang="cssnext"> 8 :root { 9 --mainColor: red; 10 --subColor: green; 11 --normalFont: { 12 font-size: 26px; 13 }; 14 } 15 16 .wrap { 17 flex-direction: row; 18 } 19 20 .text-hi { 21 color: var(--mainColor); 22 @apply --normalFont; 23 } 24 25 .text-name { 26 color: var(--subColor); 27 @apply --normalFont; 28 } 29</style> 30 31<script lang="coffee"> 32modal = require '@weex-module/modal' 33 34module.exports = 35 ready: () -> 36 modal.toast({'message': 'ready'}) 37 38 data: () -> 39 return { 40 hi: 'Hello', 41 name: 'Weex' 42 } 43</script>