Vux cell, why isn't title on the left?

the same style as on the document, but the effect is different.
and the height has become much larger

<group>
      <cell title="">
          <span slot="default"><span style="vertical-align:middle;"></span> <badge text="99"></badge></span>
      </cell>
      <cell>
          <span slot="title" class="edit-left"></span>
          <span slot="default">{{phone}}</span>
      </cell>
      <cell title="" >
          <span slot="default"><img class="icon" slot="icon" src="../../assets/wx_icon.png"></span>
      </cell>
      <cell title="">
          <span slot="default"></span>
      </cell>
  </group>






demo vux


Vux
Mar.06,2021
The

style may be overwritten by your own writing, causing the element to change, as you should be able to see by using the debug tool to check the css. I don't have this problem if I copy it directly.
PS: if there is content to be inserted in the default slot, you do not have to write slot=default , and the component will automatically insert the content into the corresponding location


style is overwritten. Check app.vue to find

text-align:center;

just get rid of it

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-1e99314-4750c.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-1e99314-4750c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?