<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>
  <view class="input-box">
    <input type="text" placeholder="请输入地址" v-model="address" class="input">
  </view>
  <button type="default" @click="onShare()" class="share-btn">点击分享</button>
</view>
<style>
  .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> 
<p>注:以上样式仅供参考,具体视情况而定</p>
view class=content input type=text placeholder=请输入姓名 v-model=name input type=text placeholder=请输入年龄 v-model=age input type=text placeholder=请输入地址 v-model=address button type=default click=onShare点

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

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