add-circle.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="add-circle-box iPhone-bottom flex-common-css box-border-box">
  3. <Nav title='发圈子' bgckgroundBox='#fff'></Nav>
  4. <view class="scroll-view-css box-border-box ptp-24">
  5. <view class="bgc-f box-border-box p-32">
  6. <view class="fs-34 fw-600 mb-20">内容描述 <span class='fs-34 fc-9 fw-400'>(必填)</span></view>
  7. <textarea class=" fs-24" placeholder='这一刻说些什么'></textarea>
  8. </view>
  9. <view class="bgc-f mb-20">
  10. <EnUpload></EnUpload>
  11. </view>
  12. <view class="bgc-f box-border-box p-32 flex-justify-space align-items-center">
  13. <view class="fs-34 fw-600">分享交流</view>
  14. <image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
  15. </view>
  16. </view>
  17. <view class="box-border-box p-32">
  18. <view class="b-bottom text-align-center fs-32 fw-600">发布</view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. import EnUpload from '@/components/en-from/en-upload/en-upload.vue';
  24. export default {
  25. components:{EnUpload},
  26. data(){
  27. return{
  28. fromData:{
  29. news_id:'',
  30. content:'',
  31. image:[],
  32. school_id:'',
  33. topic_id:'',
  34. },
  35. }
  36. },
  37. onLoad(e) {
  38. },
  39. methods:{
  40. }
  41. }
  42. </script>
  43. <style scoped lang="scss">
  44. .add-circle-box{
  45. .b-bottom{
  46. width: 686rpx;
  47. height: 88rpx;
  48. line-height: 88rpx;
  49. background: linear-gradient( 105deg, #57CAFF 0%, #41ABF5 100%);
  50. border-radius: 200rpx;
  51. }
  52. .right-icon{
  53. width: 32rpx;
  54. height: 32rpx;
  55. }
  56. }
  57. </style>