uni-app 基础view，flex布局使用

代码如下：

<template>
    <view >
        <view style="display: flex;flex-direction:row-reverse;justify-content: center;">
            <view style="width: 200rpx;height: 200rpx;background: #007AFF;margin: 10px;">
                111
            </view>
            <view style="width: 200rpx;height: 200rpx;background:#4CD964;margin: 10px;">
                222222
            </view>
            <view style="width: 200rpx;height: 200rpx;background:#ffabcd;margin: 10px;">
                333
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                content:"xxx222"
            }
        },
        methods: {
        }
    }
</script>
<style>
</style>