uview 中使 u-form 的 u-form-item 内容右移 slot=“right“

最新推荐文章于 2025-03-17 08:57:15 发布

我们都是柠檬精诶

最新推荐文章于 2025-03-17 08:57:15 发布

阅读量1.5w

点赞数 4

分类专栏： uni-app uView 文章标签：前端

本文链接：https://blog.csdn.net/qq_43392573/article/details/110089987

版权

uni-app 同时被 2 个专栏收录

31 篇文章

订阅专栏

uView

9 篇文章

订阅专栏

在这里插入图片描述

<u-form-item label-width="130" label="接收推送" prop="intro">
  <!-- 此处switch的slot为right，如果不填写slot名，也即 u-switch 将会左对齐 -->
  <u-switch v-model="popForm.accept" size="35" active-color="#216fff" slot="right"></u-switch>
</u-form-item>

在这里插入图片描述

<u-form-item :label-position="labelPosition" label="验证码" prop="code" label-width="150">
	<u-input :border="border" placeholder="请输入验证码" v-model="model.code" type="text"></u-input>
	<u-button slot="right" type="success" size="mini" @click="getCode">{{codeTips}}</u-button>
</u-form-item>