微信小程序学习总结（三）条件、模板、文件引用实例分析

<view wx:for="{{content}}" wx:for-item='item' wx:for-index='index'>
 {{item.name}}
</view>

<view wx:if='{{false}}'>TEST</view>
<view wx:else>oh no</view>

<block wx:if="{{true}}">
 <view> view1 </view>
 <view> view2 </view>
</block>

<template name="common">
 <text>这是一个模板</text>
</template>

<import src="/UploadFiles/2021-04-02/common.wxml">

使用模板，is声明需要的使用的模板


<template is="common"/>




引用wxss文件


@import "news-item/news-item-template.wxss";




import有作用域
就问你傲不傲娇

看看官方给的解释

它只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。

如：C import B，B import A，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template。

希望本文所述对大家微信小程序设计有所帮助。