caimei-applets-mcare/pages/goods/procurementAdd.vue

<template>
    <view class="release">
        <form>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>商品图片</view>
                <view class="uploadComp">
                    <proUpload />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>商品名称</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>期望单价</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>采购数量</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" />
                </view>
            </view>
        </form>
        <view class="release_btn">
            <proBtn width="600rpx" height="90rpx" background='#E2E2E2' color='#999999' fontSize='32rpx'>发布</proBtn>
        </view>
    </view>
</template>

<script>
    import proBtn from './components/procurement-btn.vue'
    import proUpload from './components/upload.vue'
    export default {
        components: {
            proUpload,
            proBtn
        },
    }
</script>

<style lang="scss" scoped>
    .release {
        padding: 24rpx;
    }
    span{
        color: #F85050;
        font-size: 28rpx;
    }
    .title {
        font-size: 28rpx;
        color: #666666;
        margin-bottom: 24rpx;
    }
    .uploadComp {
        margin-bottom: 40rpx;
    }
    .uni-input {
        border-radius: 6rpx 6rpx 6rpx 6rpx;
        border: 1rpx solid #B2B2B2;
        height: 90rpx;
        font-size: 28rpx;
        padding: 24rpx;
        margin-bottom: 40rpx;
        box-sizing: border-box;
        line-height: 40rpx;
    }
    .release_btn {
        position: fixed;
        left: 0;
        bottom: 0;
        margin-bottom: 76rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
</style>