如何控制vue的UI框架muse-ui的组件大小

Question

我在项目中用了muse-ui，可是组件显示在页面上都非常得小，不知道怎么调整大小，我CSS单位用的是rem，用vue-cli建的脚手架

<template>
    <div>
        <div class="header">
            <div class="header-icon" @click="back()"></div>
            <div class="header-cont">我的资料</div>
            <button type="button" class="header-release"></button>
        </div>
        
        <img :src="message.img_URL"><br>
         <!-- <mu-text-field label="用户名" hintText="提示文字" v-model="userName"/> -->
         
          <mu-text-field label="用户名" labelFloat v-model="message.user_name" /><br>
          <mu-text-field label="学校" labelFloat v-model="message.school" />
         
    </div>
</template>

Answer 1

ui组件的单位不需要特别处理，不知道你是否用了px2rem这样的插件，如果用了会把ui组件的单位也进行相应的转换，就会变的很小