The mint-ui cell control is not left-aligned.

use the Cell control in Mint-UI , exactly according to the example of the official website, without left alignment.
Code:

<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=" /-sharp/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>

result:

Nov.17,2021

https://github.com/mint-ui/docs/blob/master/src/pages/zh-cn2/cell.md has no demo about cell alignment;

and he is officially left-aligned, but yours is not, either he wrote the style (which means he wrote the style separately, not in the frame), but you didn't write it, or he wrote the style (there is a relevant default style in the frame), but your style overrides his;

I suggest you take a look at it again;


is it affected by the style somewhere else? I tried your code copy. It's


vue-cliApp.vue
on the left

.
Menu