addItem.vue 1.1 KB
<template>
  <view>
    <u-navbar title="话题详情" :autoBack="true" placeholder></u-navbar>
    <u-divider></u-divider>
    <view class="mainBox">
      <u--input placeholder="请输入标题" border="bottom" clearable></u--input>
    </view>

    <view class="bottomBtn" v-if="false">
      <view class="flexC">发表</view>
    </view>
    <view class="whiteBox"></view>
    <view style="height: 130rpx"></view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
}
</script>

<style lang="scss">
page {
  background: #fff;
}
.mainBox {
  padding: 0 32rpx 32rpx;
  box-sizing: border-box;
}
.whiteBox {
  width: 100%;
  height: 60rpx;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
}
.bottomBtn {
  padding: 16rpx 32rpx;
  box-sizing: border-box;
  background: #fff;
  position: fixed;
  bottom: 60rpx;
  left: 0;
  view {
    width: 686rpx;
    height: 88rpx;
    border-radius: 28rpx;
    background: linear-gradient(90deg, rgba(140, 72, 255, 1) 0%, rgba(123, 43, 255, 1) 100%);
    color: rgba(255, 255, 255, 1);
    font-size: 32rpx;
    font-weight: 700;
  }
}
</style>