mint-ui cell控件没有左对齐。

Question

使用Mint-UI中的Cell控件，完全按照官网的例子，竟然没有左对齐。
代码：

<template>
    <div>
        <mt-cell
                title="标题文字"
                :to="link"
                is-link
                value="带链接">
        </mt-cell>
        <mt-cell title="标题" label="描述信息" is-link></mt-cell>
        <mt-cell title="原生跳转" label="跳转到 https://mint-ui.github.io" is-link to="https://mint-ui.github.io"></mt-cell>
        <mt-cell title="路由跳转" label="跳转到 /#/toast" is-link :to="{ name: 'Toast' }"></mt-cell>

    </div>
</template>

<script>
    export default {
        name: "InfomationCollection"
    }
</script>

<style scoped>
    .start_icon {
        width: 24px;
        height: 24px;
    }
</style>

结果：

Answer 1

是不是别的地方的样式影响到了 我把你的代码copy试了一下 是靠左的

Answer 2

找到原因了，是因为使用vue-cli生成的工程中App.vue中有一个默认文本居中的样式，真是一个大坑呀！

Answer 3

https://github.com/mint-ui/docs/blob/master/src/pages/zh-cn2/cell.md 没有关于 cell对齐的demo ;

而他官方的是左对齐, 你的却不是 , 要么就是他写了样式( 指的是单独写了样式, 没有写在框架内 )但是你没有写, 要么是他写了样式( 框架内有相关默认样式 )只是你的有样式把他的覆盖了 ;

建议你再看看 ;