3-6 uni-app语法(上)

样式class:
静态选择器
数组
对象

• class数组写法： ```html

![image.png](https://cdn.nlark.com/yuque/0/2020/png/1511608/1591026104971-324c41dd-f8f4-4053-9bc5-f5bead68776a.png#align=left&display=inline&height=729&margin=%5Bobject%20Object%5D&name=image.png&originHeight=729&originWidth=613&size=46087&status=done&style=none&width=613)
- class对象写法：
```html
<view :class="{'content':content}">
        <image class="logo" src="/static/logo.png"></image>
        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>
    </view>
<script>
    export default {
        data() {
            return {
                title: 'Hello',
                content:true,
                backagound:'backagound'
            }
        },
        methods: {
        }
    }
</script>

style

同样有三种方法：

• 对象
• 数组
• 静态绑定