<p>可以在样式中添加max-width属性来限制宽度,同时添加border-radius属性来设置圆角:</p>
<style>
  .content {
    max-width: 500px;
  }
  .input-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
  }
  .input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
  }
  .share-btn {
    background-color: #f00;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
  }
</style
view class=content view class=input-box input type=text placeholder=请输入姓名 v-model=name class=input view view class=input-box input type=text placeholder=请输入年龄 v-model=age class=input view v

原文地址: https://www.cveoy.top/t/topic/fdQZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录