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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8c1bd-10ac.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8c1bd-10ac.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?