|
|
@@ -0,0 +1,105 @@
|
|
|
+<template>
|
|
|
+ <view class="flex-common-css">
|
|
|
+ <Nav title="商务合作" titleColor="#333" bgckgroundBox='#fff'></Nav>
|
|
|
+ <scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
|
|
|
+ <view class="content-box box-border-box">
|
|
|
+ <view class="bgc-f p-24 b-rad-20 mb-20 box-sizing-border">
|
|
|
+ <view class="fs-36 fw-600 fc-3 mb-8">
|
|
|
+ 请描述你想合作的想法
|
|
|
+ </view>
|
|
|
+ <view class="textarea-box">
|
|
|
+ <textarea placeholder-style="color:#ccc" auto-height maxlength='100' placeholder="请输入" />
|
|
|
+ </view>
|
|
|
+ <view class="up-img-box align-items-center flex-wrap-wrap">
|
|
|
+ <view class="up-img" v-for="(itme, index) in formData.imgList" :key="index">
|
|
|
+ <image class="img" src="../static/img/my/bg.png" mode=""></image>
|
|
|
+ <uni-icons @click="deleteImg(index)" class="delete-icons" color="#000" type="clear"
|
|
|
+ size="20"></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="add-img-box flex-direction flex-justify-center align-items-center bgc-F6F6F6 bgc-F6F6F6">
|
|
|
+ <image class="add-img" src="@/static/img/my/sc.png" mode=""></image>
|
|
|
+ <view class="fs-24 fc-9">
|
|
|
+ 上传照片
|
|
|
+ </view>
|
|
|
+ <view class="fs-24 fc-9">
|
|
|
+ (最多3张)
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="bgc-f b-rad-20 box-sizing-border phone-box">
|
|
|
+ <view class="fs-32 fc-3 mb-20">
|
|
|
+ 联系方式
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formData: {
|
|
|
+ rate: '',
|
|
|
+ imgList: []
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(data) {},
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ scrolltolower() {
|
|
|
+ console.log('触底');
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .content-box {
|
|
|
+ padding: 26rpx 24rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .textarea-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 200rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .up-img {
|
|
|
+ width: 152rpx;
|
|
|
+ height: 152rpx;
|
|
|
+ margin: 0 0 10rpx 0;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .delete-icons {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .add-img-box {
|
|
|
+ width: 152rpx;
|
|
|
+ height: 152rpx;
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ border-radius: 4rpx;
|
|
|
+
|
|
|
+ .add-img {
|
|
|
+ width: 56rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .phone-box{
|
|
|
+ padding: 32rpx 24rpx;
|
|
|
+ }
|
|
|
+</style>
|