韩昌 / kaoshi3-fangweishangcheng · 提交

转到一个项目

作者 韩昌
提交 23ef11c8875f2fef6094245b78ee99e755b07b20 1 个父辈 ca1e0856

我传了好几次

内嵌 并排对比
正在显示 3 个修改的文件 包含 5 行增加 和 5 行删除
... ... @@ -387,7 +387,7 @@ page {
.Z {
background: #f1e8ff;
border: 1rpx solid #b88dff;
color: #6e16ff;
color: #6e16ff !important;
font-size: 26rpx;
border-radius: 200rpx;
font-weight: 700;
... ... @@ -466,7 +466,7 @@ page {
> .ZZ {
background: rgba(110, 22, 255, 0.1);
border: 1rpx solid #b88dff;
color: rgba(110, 22, 255, 1);
color: #6E16FF;
}
}
</style>
... ...
{"version":3,"sources":["uni-app:///main.js",null,"webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?0a0e","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?dbe1","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?d3fd","uni-app:///pages/index/addItem.vue","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?8d90","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?adf3"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,iG,6FAFmBA,EAAE,CAACC,iCAAH,GAAuCC,mBAAvC;AAGnBC,UAAU,CAACC,gBAAD,CAAV,C;;;;;;;;;;;;;ACHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoH;AACpH;AAC2D;AACL;AACc;;;AAGpE;AAC0K;AAC1K,gBAAgB,6KAAU;AAC1B,EAAE,6EAAM;AACR,EAAE,kFAAM;AACR,EAAE,2FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,sFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,iSAEN;AACP,KAAK;AACL;AACA,aAAa,uSAEN;AACP,KAAK;AACL;AACA,aAAa,iSAEN;AACP,KAAK;AACL;AACA,aAAa,mTAEN;AACP,KAAK;AACL;AACA,aAAa,qRAEN;AACP;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrDA;AAAA;AAAA;AAAA;AAAuoB,CAAgB,inBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC0D3pB,iD;AACA;AACA,MADA,kBACA;AACA;AACA,iBADA;AAEA;AACA,oBAHA;AAIA;AACA,gBALA;AAMA,qBANA;AAOA,gBAPA;AAQA,gFARA;AASA,oBATA;AAUA,aAVA;AAWA,kBAXA;AAYA,gBAZA;AAaA,eAbA;AAcA,kBAdA;;AAgBA,GAlBA;AAmBA,QAnBA,oBAmBA;AACA;AACA;AACA,GAtBA;AAuBA;AACA,sBADA,gCACA;AACA;AACA,qBADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,yBADA;AAEA,iDAFA,CADA;AAIA,oBAJA;AAKA;AACA;AACA,aAPA;;AASA,SAfA;AAgBA,YAhBA,gBAgBA,GAhBA,EAgBA;AACA;AACA,SAlBA;;AAoBA,KAtBA;AAuBA;AACA,kBAxBA,0BAwBA,KAxBA,EAwBA;AACA;AACA;AACA;AACA;AACA,OAJA,MAIA;AACA;AACA;AACA;AACA;AACA,KAlCA;;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBArFA,gCAqFA;;AAEA;AACA,4BADA;AAEA,iCAFA;;AAIA,0BANA,GAMA,EANA;AAOA;AAPA,yCAQA;AACA,iCADA;AAEA,uCAFA;AAGA,wDAHA;AAIA,gDAJA,GARA,QAQA,GARA;;AAcA;AACA;AACA;AACA;AACA;AACA,oBAnBA,GAmBA,KAnBA;AAoBA,wCApBA;AAqBA,uCArBA;AAsBA;AACA;AACA,8CAFA;AAGA;AACA,wCAJA;AAKA,gCALA;AAMA;AACA,mEADA,CACA;AADA,qBANA,GAtBA,UAsBA,GAtBA;;AAgCA,oBAhCA,GAgCA,uBAhCA;AAiCA,2CAjCA;AAkCA,+BAlCA;AAmCA;AACA;AACA;AACA,iCADA;AAEA,8BAFA,IArCA;;;;AA2CA;AACA;AACA,0CADA;AAEA,2DAFA;;AAIA;AACA,kCAjDA;;;AAoDA,uCApDA;AAqDA,iBArDA,GAqDA,CArDA,eAqDA,qBArDA;AAsDA;AACA;AACA,8CAFA;AAGA;AACA,2CAJA;AAKA,gCALA;AAMA;AACA,mEADA,CACA;AADA,qBANA,GAtDA,UAsDA,GAtDA;;AAgEA,qBAhEA,GAgEA,uBAhEA;AAiEA,4CAjEA;AAkEA,gCAlEA;AAmEA;AACA;AACA;AACA,kCADA;AAEA,8BAFA,IArEA;;;;AA2EA;AACA;AACA,2CADA;AAEA,2DAFA;;AAIA;AACA,kCAjFA,QAqDA,GArDA;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA,kCAxGA;;AA0GA,KA/LA;AAgMA,uBAhMA,+BAgMA,IAhMA,EAgMA;AACA;AACA;AACA,2GADA,GADA;;AAIA,KArMA;AAsMA,cAtMA,sBAsMA,KAtMA,EAsMA;AACA;AACA,KAxMA;;AA0MA,eA1MA,yBA0MA;AACA;AACA,2BADA;AAEA,4BAFA,GADA,8CACA,IADA,uBACA,IADA;;AAKA;AACA;AACA,4CAPA;AAQA,KAlNA;;AAoNA,qBApNA,6BAoNA,EApNA,EAoNA,KApNA,EAoNA;AACA;AACA;AACA;AACA,KAxNA;;AA0NA;AACA,cA3NA,wBA2NA;AACA,6CADA;AAEA,+DAFA;;AAIA,yCAJA;AAKA,+DALA;;AAOA,yCAPA;AAQA,kEARA;;;AAWA,sBAXA,GAWA,EAXA;AAYA;AACA;AACA,iBAFA,MAEA;AACA;AACA;AACA,oCAjBA;AAkBA;AACA,0CADA,EACA;AACA,4CAFA,EAEA;AACA,0CAHA,EAGA;AACA,gCAJA,CAIA;AAJA,oBAlBA,UAkBA,GAlBA;AAwBA;AACA;AACA,6CA1BA;;AA4BA,0CA5BA;;AA8BA,KAzPA,EAvBA,E;;;;;;;;;;;;;AC3DA;AAAA;AAAA;AAAA;AAA8sC,CAAgB,gmCAAG,EAAC,C;;;;;;;;;;;ACAluC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/index/addItem.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/addItem.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./addItem.vue?vue&type=template&id=6465dbee&\"\nvar renderjs\nimport script from \"./addItem.vue?vue&type=script&lang=js&\"\nexport * from \"./addItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addItem.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pages/index/addItem.vue\"\nexport default component.exports","export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=template&id=6465dbee&\"","var components\ntry {\n components = {\n uNavbar: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-navbar/u-navbar\" */ \"uview-ui/components/u-navbar/u-navbar.vue\"\n )\n },\n uDivider: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-divider/u-divider\" */ \"uview-ui/components/u-divider/u-divider.vue\"\n )\n },\n \"u-Input\": function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u--input/u--input\" */ \"uview-ui/components/u--input/u--input.vue\"\n )\n },\n \"u-Textarea\": function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u--textarea/u--textarea\" */ \"uview-ui/components/u--textarea/u--textarea.vue\"\n )\n },\n uIcon: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-icon/u-icon\" */ \"uview-ui/components/u-icon/u-icon.vue\"\n )\n }\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=script&lang=js&\"","<template>\r\n <view>\r\n <u-navbar title=\"话题详情\" :autoBack=\"true\" placeholder></u-navbar>\r\n <u-divider></u-divider>\r\n <view class=\"mainBox\">\r\n <u--input placeholder=\"请输入标题\" border=\"bottom\" v-model=\"titleValue\" clearable></u--input>\r\n </view>\r\n\r\n <!-- 选择格式发布 -->\r\n <view class=\"mainBox\">\r\n <view class=\"stateBox flexA\">\r\n <view class=\"item flexC\" :class=\"[isImg && 'Z']\" @click=\"toggeleHandler(0)\">图片</view>\r\n <view class=\"item flexC\" :class=\"[!isImg && 'Z']\" @click=\"toggeleHandler(1)\">视频</view>\r\n </view>\r\n\r\n <u--textarea v-model=\"value1\" placeholder=\"请输入内容\"></u--textarea>\r\n\r\n <!-- 上传 -->\r\n <view class=\"uploadImage flexA\">\r\n <view v-for=\"(item, index) in viList\" class=\"aa\" :key=\"index\">\r\n <view class=\"del\" @click=\"delHandler(index)\">×</view>\r\n <image v-if=\"item.type === 'v'\" class=\"typeBox\" src=\"/static/player.png\" mode=\"scaleToFill\" />\r\n <!-- <view >视频格式</view> -->\r\n <image class=\"sty\" :src=\"item.image\" @click=\"previewImageHandler(item.type)\" mode=\"scaleToFill\" />\r\n </view>\r\n <view\r\n @click=\"chooseVideoHandler('video')\"\r\n class=\"flexC btnBox\"\r\n v-if=\"(status == 'video' && !viList.length) || (status == 'image' && viList.length < 9)\"\r\n >\r\n <u-icon name=\"camera-fill\"></u-icon>\r\n </view>\r\n </view>\r\n <u-divider></u-divider>\r\n\r\n <!-- 分类 -->\r\n <view class=\"cateBox flexA\">\r\n <view class=\"cateText\">话题分类：</view>\r\n <view\r\n v-for=\"(item, index) in cateList\"\r\n class=\"typeBox1 flexC\"\r\n @click=\"toggleTypeHandler(item.id, index)\"\r\n :class=\"[curType == index && 'ZZ']\"\r\n >\r\n {{ item.type_name }}\r\n </view>\r\n </view>\r\n </view>\r\n\r\n <view class=\"bottomBtn\">\r\n <view class=\"flexC\" @click=\"getAddItem\">发表</view>\r\n </view>\r\n <view class=\"whiteBox\"></view>\r\n <view style=\"height: 130rpx\"></view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport { getAddItem, getTabsCate } from '@/api'\r\nexport default {\r\n data() {\r\n return {\r\n isImg: true,\r\n // 标题\r\n titleValue: '',\r\n // 内容\r\n value1: '',\r\n status: 'image',\r\n viList: [],\r\n vue_uploadAction: 'https://antifakeshopcopy.brofirst.cn/api/common/upload',\r\n uploadFile: '',\r\n arr: [],\r\n cateList: [],\r\n curType: 0,\r\n typeId: 1,\r\n videoUrl: '',\r\n }\r\n },\r\n onLoad() {\r\n this.getTabsCate()\r\n this.getLocationHandler()\r\n },\r\n methods: {\r\n getLocationHandler() {\r\n uni.getLocation({\r\n type: 'wgs84',\r\n success: function (res) {\r\n console.log(res)\r\n console.log('当前位置的经度：' + res.longitude)\r\n console.log('当前位置的纬度：' + res.latitude)\r\n uni.request({\r\n url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${res.latitude},${\r\n res.longitude\r\n }&key=${'BT4BZ-MVGLR-NVEWD-W5KMR-7OAZJ-3GFX2'}`,\r\n data: {},\r\n success: res2 => {\r\n console.log(res2, '腾讯地图打印')\r\n },\r\n })\r\n },\r\n fail(err) {\r\n console.log(err)\r\n },\r\n })\r\n },\r\n // 切换图片 视频\r\n toggeleHandler(isImg) {\r\n if (isImg === 0) {\r\n this.viList = []\r\n this.isImg = true\r\n this.status = 'image'\r\n } else {\r\n this.viList = []\r\n this.isImg = false\r\n this.status = 'video'\r\n }\r\n },\r\n\r\n // async chooseVideoHandler(state) {\r\n // uni.showLoading({\r\n // mask: true,\r\n // title: '上传中...',\r\n // })\r\n // // try {\r\n // // 1.选择要上传的视频\r\n // const res = await uni.chooseMedia({\r\n // maxDuration: 60,\r\n // sourceType: ['album'],\r\n // mediaType: Array(this.status),\r\n\r\n // })\r\n // // let uploadFile = ''\r\n // // 判断函数传来的类型是不是视频 如果是就使用视频缩略图 => thumbTempFilePath\r\n // this.uploadFile = this.status == 'video' ? res[1].tempFiles[0].thumbTempFilePath : res[1].tempFiles[0].tempFilePath\r\n // var that = this\r\n // // } catch (error) {\r\n // // console.log(error)\r\n // // uni.hideLoading()\r\n // // }\r\n // this.arr = await uni.uploadFile({\r\n // // 需要上传的地址\r\n // url: that.vue_uploadAction,\r\n // // filePath 需要上传的文件\r\n // filePath: that.uploadFile,\r\n // name: 'file',\r\n // header: {\r\n // \ttoken: \"781bb514-342d-4a67-9086-758b4e6477c0\"\t\t// 挂载请求头为用户的 token\r\n // },\r\n // })\r\n // let data = JSON.parse(this.arr[1].data)\r\n // console.log('data:', data)\r\n // if (data.code !== 1) {\r\n // // 视频上传失败了\r\n // uni.hideLoading()\r\n // uni.showToast({\r\n // title: data.msg,\r\n // icon: 'none',\r\n // })\r\n // return\r\n // }\r\n // // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n // this.viList.push({\r\n // image: data.data.fullurl,\r\n // type: this.status == 'video' ? 'v' : 'i',\r\n // })\r\n // uni.hideLoading()\r\n // },\r\n async chooseVideoHandler() {\r\n try {\r\n uni.showLoading({\r\n mask: true,\r\n title: '上传中...',\r\n })\r\n var uploadFile = ''\r\n // 1.选择要上传的视频\r\n const res = await uni.chooseMedia({\r\n maxDuration: 60,\r\n sourceType: ['album'],\r\n count: this.status == 'video' ? 1 : 9,\r\n mediaType: Array(this.status),\r\n })\r\n // console.log(res[1].tempFiles[0], 'url')\r\n // 判断函数传来的类型是不是视频 如果是就使用视频缩略图 => thumbTempFilePath\r\n console.log(res)\r\n this.status == 'video' && (this.videoUrl = res[1].tempFiles[0].tempFilePath)\r\n uploadFile = this.status == 'video' ? res[1].tempFiles[0].thumbTempFilePath : res[1].tempFiles.map(it => it.tempFilePath)\r\n var that = this\r\n console.log(uploadFile)\r\n if (this.status == 'video') {\r\n var arr = await uni.uploadFile({\r\n // 需要上传的地址\r\n url: that.vue_uploadAction,\r\n // filePath 需要上传的文件\r\n filePath: uploadFile,\r\n name: 'file',\r\n header: {\r\n token: '781bb514-342d-4a67-9086-758b4e6477c0', // 挂载请求头为用户的 token\r\n },\r\n })\r\n let data = JSON.parse(arr[1].data)\r\n console.log('data:', data)\r\n if (data.code !== 1) {\r\n // 视频上传失败了\r\n uni.hideLoading()\r\n uni.showToast({\r\n title: data.msg,\r\n icon: 'none',\r\n })\r\n return\r\n }\r\n // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n this.viList.push({\r\n image: data.data.fullurl,\r\n type: this.status == 'video' ? 'v' : 'i',\r\n })\r\n this.viList.length >1 && this.viList.splice(1,10)\r\n uni.hideLoading()\r\n }\r\n\r\n if(this.status == 'image'){\r\n for (let i = 0; i < uploadFile.length; i++) {\r\n var arr = await uni.uploadFile({\r\n // 需要上传的地址\r\n url: that.vue_uploadAction,\r\n // filePath 需要上传的文件\r\n filePath: uploadFile[i],\r\n name: 'file',\r\n header: {\r\n token: '781bb514-342d-4a67-9086-758b4e6477c0', // 挂载请求头为用户的 token\r\n },\r\n })\r\n let data = JSON.parse(arr[1].data)\r\n console.log('data:', data)\r\n if (data.code !== 1) {\r\n // 视频上传失败了\r\n uni.hideLoading()\r\n uni.showToast({\r\n title: data.msg,\r\n icon: 'none',\r\n })\r\n return\r\n }\r\n // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n this.viList.push({\r\n image: data.data.fullurl,\r\n type: this.status == 'video' ? 'v' : 'i',\r\n })\r\n this.viList.length >9 && this.viList.splice(9,10)\r\n uni.hideLoading()\r\n }\r\n }\r\n\r\n // let data = JSON.parse(arr[1].data)\r\n // console.log('data:', data)\r\n // if (data.code !== 1) {\r\n // // 视频上传失败了\r\n // uni.hideLoading()\r\n // uni.showToast({\r\n // title: data.msg,\r\n // icon: 'none',\r\n // })\r\n // return\r\n // }\r\n // // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n // this.viList.push({\r\n // image: data.data.fullurl,\r\n // type: this.status == 'video' ? 'v' : 'i',\r\n // })\r\n // uni.hideLoading()\r\n } catch (error) {\r\n // console.log(error)\r\n uni.hideLoading()\r\n }\r\n },\r\n previewImageHandler(type) {\r\n type === 'i' &&\r\n uni.previewImage({\r\n urls: this.viList.filter(t => t.type === 'i').map(t => t.image),\r\n })\r\n },\r\n delHandler(index) {\r\n this.viList.splice(index, 1)\r\n },\r\n\r\n async getTabsCate() {\r\n const { data } = await getTabsCate({\r\n page: 1,\r\n rows: 10,\r\n })\r\n console.log(data)\r\n this.typeId = data.data[0].id\r\n this.cateList = data.data\r\n },\r\n\r\n toggleTypeHandler(id, index) {\r\n this.curType = index\r\n this.typeId = id\r\n // console.log(id,index)\r\n },\r\n\r\n // 创建接口\r\n async getAddItem() {\r\n if (this.titleValue.length == 0) {\r\n return uni.showToast({ title: '请填写标题', icon: 'none' })\r\n }\r\n if (this.value1.length == 0) {\r\n return uni.showToast({ title: '请填写内容', icon: 'none' })\r\n }\r\n if (this.viList.length == 0) {\r\n return uni.showToast({ title: '请上传图片或视频', icon: 'none' })\r\n }\r\n try {\r\n let VIList = {}\r\n if (this.status == 'video') {\r\n VIList = { video: this.videoUrl, cover: this.viList[0].image, imgList: [] }\r\n } else {\r\n VIList = { imgList: this.viList.map(it => it.image), cover: this.viList[0].image, video: '' }\r\n }\r\n console.log(VIList)\r\n const res = await getAddItem({\r\n type_id: this.typeId, //\tinteger\t是\t类型ID\r\n title: this.titleValue, //\tstring\t是\t论坛标题\r\n content: this.value1, //\tstring\t是\t论坛内容\r\n file: VIList, //\tstring\t否\t文件json例如：{\"video\":\"http://sdsads\",\"imgList\":[\"\",\"\",\"\"]}\r\n })\r\n uni.showToast({ title: '发布成功' })\r\n uni.navigateBack({ delta: 1 })\r\n console.log(res, 'fabufabu')\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n },\r\n },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\npage {\r\n background: #fff;\r\n}\r\n.mainBox {\r\n padding: 0 32rpx 32rpx;\r\n box-sizing: border-box;\r\n}\r\n.whiteBox {\r\n width: 100%;\r\n height: 60rpx;\r\n background: #fff;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.bottomBtn {\r\n padding: 16rpx 32rpx;\r\n box-sizing: border-box;\r\n background: #fff;\r\n position: fixed;\r\n bottom: 60rpx;\r\n left: 0;\r\n view {\r\n width: 686rpx;\r\n height: 88rpx;\r\n border-radius: 28rpx;\r\n background: linear-gradient(90deg, rgba(140, 72, 255, 1) 0%, rgba(123, 43, 255, 1) 100%);\r\n color: rgba(255, 255, 255, 1);\r\n font-size: 32rpx;\r\n font-weight: 700;\r\n }\r\n}\r\n.u-textarea {\r\n border: none !important;\r\n}\r\n.stateBox {\r\n margin-top: 16rpx;\r\n margin-bottom: 28rpx;\r\n width: 228rpx;\r\n height: 56rpx;\r\n border-radius: 200rpx;\r\n background: #f6f8fa;\r\n > .item {\r\n width: 50%;\r\n height: 100%;\r\n color: rgba(0, 0, 0, 0.4);\r\n font-size: 26rpx;\r\n }\r\n}\r\n.Z {\r\n background: #f1e8ff;\r\n border: 1rpx solid #b88dff;\r\n color: #6e16ff;\r\n font-size: 26rpx;\r\n border-radius: 200rpx;\r\n font-weight: 700;\r\n}\r\n.uploadImage {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.aa {\r\n margin-right: 20rpx;\r\n position: relative;\r\n \r\n > .del {\r\n position: absolute;\r\n top: 0;\r\n left: 8rpx;\r\n z-index: 999;\r\n color: #fff;\r\n font-size: 32rpx;\r\n }\r\n > .sty {\r\n width: 160rpx;\r\n height: 160rpx;\r\n border-radius: 8rpx;\r\n }\r\n > .jinzhi {\r\n width: 160rpx;\r\n height: 160rpx;\r\n border-radius: 8rpx;\r\n background: transparent;\r\n position: absolute;\r\n z-index: 998;\r\n top: 0;\r\n left: 0;\r\n }\r\n}\r\n.typeBox {\r\n width: 48rpx;\r\n height: 48rpx;\r\n border-radius: 50%;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n /* top: 0;\r\n right: 0; */\r\n}\r\n.btnBox {\r\n /* margin: 0 auto; */\r\n margin-bottom: 28rpx;\r\n /* margin-left: 20rpx; */\r\n width: 160rpx;\r\n height: 160rpx;\r\n margin-top: 20rpx;\r\n background: #f4f5f7;\r\n color: #000;\r\n}\r\n.cateBox {\r\n flex-wrap: wrap;\r\n > .cateText {\r\n color: rgba(0, 0, 0, 0.9);\r\n font-size: 28rpx;\r\n font-weight: 700;\r\n margin-right: 8rpx;\r\n }\r\n > .typeBox1 {\r\n padding: 8rpx 12rpx;\r\n box-sizing: border-box;\r\n border-radius: 154rpx;\r\n border: 1rpx solid transparent;\r\n background: rgba(247, 248, 250, 1);\r\n color: rgba(0, 0, 0, 0.9);\r\n margin-right: 24rpx;\r\n font-size: 24rpx;\r\n }\r\n > .ZZ {\r\n background: rgba(110, 22, 255, 0.1);\r\n border: 1rpx solid #b88dff;\r\n color: rgba(110, 22, 255, 1);\r\n }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1670318924546\n var cssReload = require(\"D:/高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["uni-app:///main.js",null,"webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?0a0e","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?dbe1","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?d3fd","uni-app:///pages/index/addItem.vue","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?8d90","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/addItem.vue?adf3"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,iG,6FAFmBA,EAAE,CAACC,iCAAH,GAAuCC,mBAAvC;AAGnBC,UAAU,CAACC,gBAAD,CAAV,C;;;;;;;;;;;;;ACHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoH;AACpH;AAC2D;AACL;AACc;;;AAGpE;AAC0K;AAC1K,gBAAgB,6KAAU;AAC1B,EAAE,6EAAM;AACR,EAAE,kFAAM;AACR,EAAE,2FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,sFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,iSAEN;AACP,KAAK;AACL;AACA,aAAa,uSAEN;AACP,KAAK;AACL;AACA,aAAa,iSAEN;AACP,KAAK;AACL;AACA,aAAa,mTAEN;AACP,KAAK;AACL;AACA,aAAa,qRAEN;AACP;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrDA;AAAA;AAAA;AAAA;AAAuoB,CAAgB,inBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC0D3pB,iD;AACA;AACA,MADA,kBACA;AACA;AACA,iBADA;AAEA;AACA,oBAHA;AAIA;AACA,gBALA;AAMA,qBANA;AAOA,gBAPA;AAQA,gFARA;AASA,oBATA;AAUA,aAVA;AAWA,kBAXA;AAYA,gBAZA;AAaA,eAbA;AAcA,kBAdA;;AAgBA,GAlBA;AAmBA,QAnBA,oBAmBA;AACA;AACA;AACA,GAtBA;AAuBA;AACA,sBADA,gCACA;AACA;AACA,qBADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,yBADA;AAEA,iDAFA,CADA;AAIA,oBAJA;AAKA;AACA;AACA,aAPA;;AASA,SAfA;AAgBA,YAhBA,gBAgBA,GAhBA,EAgBA;AACA;AACA,SAlBA;;AAoBA,KAtBA;AAuBA;AACA,kBAxBA,0BAwBA,KAxBA,EAwBA;AACA;AACA;AACA;AACA;AACA,OAJA,MAIA;AACA;AACA;AACA;AACA;AACA,KAlCA;;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBArFA,gCAqFA;;AAEA;AACA,4BADA;AAEA,iCAFA;;AAIA,0BANA,GAMA,EANA;AAOA;AAPA,yCAQA;AACA,iCADA;AAEA,uCAFA;AAGA,wDAHA;AAIA,gDAJA,GARA,QAQA,GARA;;AAcA;AACA;AACA;AACA;AACA;AACA,oBAnBA,GAmBA,KAnBA;AAoBA,wCApBA;AAqBA,uCArBA;AAsBA;AACA;AACA,8CAFA;AAGA;AACA,wCAJA;AAKA,gCALA;AAMA;AACA,mEADA,CACA;AADA,qBANA,GAtBA,UAsBA,GAtBA;;AAgCA,oBAhCA,GAgCA,uBAhCA;AAiCA,2CAjCA;AAkCA,+BAlCA;AAmCA;AACA;AACA;AACA,iCADA;AAEA,8BAFA,IArCA;;;;AA2CA;AACA;AACA,0CADA;AAEA,2DAFA;;AAIA;AACA,kCAjDA;;;AAoDA,uCApDA;AAqDA,iBArDA,GAqDA,CArDA,eAqDA,qBArDA;AAsDA;AACA;AACA,8CAFA;AAGA;AACA,2CAJA;AAKA,gCALA;AAMA;AACA,mEADA,CACA;AADA,qBANA,GAtDA,UAsDA,GAtDA;;AAgEA,qBAhEA,GAgEA,uBAhEA;AAiEA,4CAjEA;AAkEA,gCAlEA;AAmEA;AACA;AACA;AACA,kCADA;AAEA,8BAFA,IArEA;;;;AA2EA;AACA;AACA,2CADA;AAEA,2DAFA;;AAIA;AACA,kCAjFA,QAqDA,GArDA;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA,kCAxGA;;AA0GA,KA/LA;AAgMA,uBAhMA,+BAgMA,IAhMA,EAgMA;AACA;AACA;AACA,2GADA,GADA;;AAIA,KArMA;AAsMA,cAtMA,sBAsMA,KAtMA,EAsMA;AACA;AACA,KAxMA;;AA0MA,eA1MA,yBA0MA;AACA;AACA,2BADA;AAEA,4BAFA,GADA,8CACA,IADA,uBACA,IADA;;AAKA;AACA;AACA,4CAPA;AAQA,KAlNA;;AAoNA,qBApNA,6BAoNA,EApNA,EAoNA,KApNA,EAoNA;AACA;AACA;AACA;AACA,KAxNA;;AA0NA;AACA,cA3NA,wBA2NA;AACA,6CADA;AAEA,+DAFA;;AAIA,yCAJA;AAKA,+DALA;;AAOA,yCAPA;AAQA,kEARA;;;AAWA,sBAXA,GAWA,EAXA;AAYA;AACA;AACA,iBAFA,MAEA;AACA;AACA;AACA,oCAjBA;AAkBA;AACA,0CADA,EACA;AACA,4CAFA,EAEA;AACA,0CAHA,EAGA;AACA,gCAJA,CAIA;AAJA,oBAlBA,UAkBA,GAlBA;AAwBA;AACA;AACA,6CA1BA;;AA4BA,0CA5BA;;AA8BA,KAzPA,EAvBA,E;;;;;;;;;;;;;AC3DA;AAAA;AAAA;AAAA;AAA8sC,CAAgB,gmCAAG,EAAC,C;;;;;;;;;;;ACAluC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/index/addItem.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/addItem.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./addItem.vue?vue&type=template&id=6465dbee&\"\nvar renderjs\nimport script from \"./addItem.vue?vue&type=script&lang=js&\"\nexport * from \"./addItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addItem.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pages/index/addItem.vue\"\nexport default component.exports","export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=template&id=6465dbee&\"","var components\ntry {\n components = {\n uNavbar: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-navbar/u-navbar\" */ \"uview-ui/components/u-navbar/u-navbar.vue\"\n )\n },\n uDivider: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-divider/u-divider\" */ \"uview-ui/components/u-divider/u-divider.vue\"\n )\n },\n \"u-Input\": function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u--input/u--input\" */ \"uview-ui/components/u--input/u--input.vue\"\n )\n },\n \"u-Textarea\": function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u--textarea/u--textarea\" */ \"uview-ui/components/u--textarea/u--textarea.vue\"\n )\n },\n uIcon: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-icon/u-icon\" */ \"uview-ui/components/u-icon/u-icon.vue\"\n )\n }\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=script&lang=js&\"","<template>\r\n <view>\r\n <u-navbar title=\"话题详情\" :autoBack=\"true\" placeholder></u-navbar>\r\n <u-divider></u-divider>\r\n <view class=\"mainBox\">\r\n <u--input placeholder=\"请输入标题\" border=\"bottom\" v-model=\"titleValue\" clearable></u--input>\r\n </view>\r\n\r\n <!-- 选择格式发布 -->\r\n <view class=\"mainBox\">\r\n <view class=\"stateBox flexA\">\r\n <view class=\"item flexC\" :class=\"[isImg && 'Z']\" @click=\"toggeleHandler(0)\">图片</view>\r\n <view class=\"item flexC\" :class=\"[!isImg && 'Z']\" @click=\"toggeleHandler(1)\">视频</view>\r\n </view>\r\n\r\n <u--textarea v-model=\"value1\" placeholder=\"请输入内容\"></u--textarea>\r\n\r\n <!-- 上传 -->\r\n <view class=\"uploadImage flexA\">\r\n <view v-for=\"(item, index) in viList\" class=\"aa\" :key=\"index\">\r\n <view class=\"del\" @click=\"delHandler(index)\">×</view>\r\n <image v-if=\"item.type === 'v'\" class=\"typeBox\" src=\"/static/player.png\" mode=\"scaleToFill\" />\r\n <!-- <view >视频格式</view> -->\r\n <image class=\"sty\" :src=\"item.image\" @click=\"previewImageHandler(item.type)\" mode=\"scaleToFill\" />\r\n </view>\r\n <view\r\n @click=\"chooseVideoHandler('video')\"\r\n class=\"flexC btnBox\"\r\n v-if=\"(status == 'video' && !viList.length) || (status == 'image' && viList.length < 9)\"\r\n >\r\n <u-icon name=\"camera-fill\"></u-icon>\r\n </view>\r\n </view>\r\n <u-divider></u-divider>\r\n\r\n <!-- 分类 -->\r\n <view class=\"cateBox flexA\">\r\n <view class=\"cateText\">话题分类：</view>\r\n <view\r\n v-for=\"(item, index) in cateList\"\r\n class=\"typeBox1 flexC\"\r\n @click=\"toggleTypeHandler(item.id, index)\"\r\n :class=\"[curType == index && 'ZZ']\"\r\n >\r\n {{ item.type_name }}\r\n </view>\r\n </view>\r\n </view>\r\n\r\n <view class=\"bottomBtn\">\r\n <view class=\"flexC\" @click=\"getAddItem\">发表</view>\r\n </view>\r\n <view class=\"whiteBox\"></view>\r\n <view style=\"height: 130rpx\"></view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport { getAddItem, getTabsCate } from '@/api'\r\nexport default {\r\n data() {\r\n return {\r\n isImg: true,\r\n // 标题\r\n titleValue: '',\r\n // 内容\r\n value1: '',\r\n status: 'image',\r\n viList: [],\r\n vue_uploadAction: 'https://antifakeshopcopy.brofirst.cn/api/common/upload',\r\n uploadFile: '',\r\n arr: [],\r\n cateList: [],\r\n curType: 0,\r\n typeId: 1,\r\n videoUrl: '',\r\n }\r\n },\r\n onLoad() {\r\n this.getTabsCate()\r\n this.getLocationHandler()\r\n },\r\n methods: {\r\n getLocationHandler() {\r\n uni.getLocation({\r\n type: 'wgs84',\r\n success: function (res) {\r\n console.log(res)\r\n console.log('当前位置的经度：' + res.longitude)\r\n console.log('当前位置的纬度：' + res.latitude)\r\n uni.request({\r\n url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${res.latitude},${\r\n res.longitude\r\n }&key=${'BT4BZ-MVGLR-NVEWD-W5KMR-7OAZJ-3GFX2'}`,\r\n data: {},\r\n success: res2 => {\r\n console.log(res2, '腾讯地图打印')\r\n },\r\n })\r\n },\r\n fail(err) {\r\n console.log(err)\r\n },\r\n })\r\n },\r\n // 切换图片 视频\r\n toggeleHandler(isImg) {\r\n if (isImg === 0) {\r\n this.viList = []\r\n this.isImg = true\r\n this.status = 'image'\r\n } else {\r\n this.viList = []\r\n this.isImg = false\r\n this.status = 'video'\r\n }\r\n },\r\n\r\n // async chooseVideoHandler(state) {\r\n // uni.showLoading({\r\n // mask: true,\r\n // title: '上传中...',\r\n // })\r\n // // try {\r\n // // 1.选择要上传的视频\r\n // const res = await uni.chooseMedia({\r\n // maxDuration: 60,\r\n // sourceType: ['album'],\r\n // mediaType: Array(this.status),\r\n\r\n // })\r\n // // let uploadFile = ''\r\n // // 判断函数传来的类型是不是视频 如果是就使用视频缩略图 => thumbTempFilePath\r\n // this.uploadFile = this.status == 'video' ? res[1].tempFiles[0].thumbTempFilePath : res[1].tempFiles[0].tempFilePath\r\n // var that = this\r\n // // } catch (error) {\r\n // // console.log(error)\r\n // // uni.hideLoading()\r\n // // }\r\n // this.arr = await uni.uploadFile({\r\n // // 需要上传的地址\r\n // url: that.vue_uploadAction,\r\n // // filePath 需要上传的文件\r\n // filePath: that.uploadFile,\r\n // name: 'file',\r\n // header: {\r\n // \ttoken: \"781bb514-342d-4a67-9086-758b4e6477c0\"\t\t// 挂载请求头为用户的 token\r\n // },\r\n // })\r\n // let data = JSON.parse(this.arr[1].data)\r\n // console.log('data:', data)\r\n // if (data.code !== 1) {\r\n // // 视频上传失败了\r\n // uni.hideLoading()\r\n // uni.showToast({\r\n // title: data.msg,\r\n // icon: 'none',\r\n // })\r\n // return\r\n // }\r\n // // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n // this.viList.push({\r\n // image: data.data.fullurl,\r\n // type: this.status == 'video' ? 'v' : 'i',\r\n // })\r\n // uni.hideLoading()\r\n // },\r\n async chooseVideoHandler() {\r\n try {\r\n uni.showLoading({\r\n mask: true,\r\n title: '上传中...',\r\n })\r\n var uploadFile = ''\r\n // 1.选择要上传的视频\r\n const res = await uni.chooseMedia({\r\n maxDuration: 60,\r\n sourceType: ['album'],\r\n count: this.status == 'video' ? 1 : 9,\r\n mediaType: Array(this.status),\r\n })\r\n // console.log(res[1].tempFiles[0], 'url')\r\n // 判断函数传来的类型是不是视频 如果是就使用视频缩略图 => thumbTempFilePath\r\n console.log(res)\r\n this.status == 'video' && (this.videoUrl = res[1].tempFiles[0].tempFilePath)\r\n uploadFile = this.status == 'video' ? res[1].tempFiles[0].thumbTempFilePath : res[1].tempFiles.map(it => it.tempFilePath)\r\n var that = this\r\n console.log(uploadFile)\r\n if (this.status == 'video') {\r\n var arr = await uni.uploadFile({\r\n // 需要上传的地址\r\n url: that.vue_uploadAction,\r\n // filePath 需要上传的文件\r\n filePath: uploadFile,\r\n name: 'file',\r\n header: {\r\n token: '781bb514-342d-4a67-9086-758b4e6477c0', // 挂载请求头为用户的 token\r\n },\r\n })\r\n let data = JSON.parse(arr[1].data)\r\n console.log('data:', data)\r\n if (data.code !== 1) {\r\n // 视频上传失败了\r\n uni.hideLoading()\r\n uni.showToast({\r\n title: data.msg,\r\n icon: 'none',\r\n })\r\n return\r\n }\r\n // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n this.viList.push({\r\n image: data.data.fullurl,\r\n type: this.status == 'video' ? 'v' : 'i',\r\n })\r\n this.viList.length >1 && this.viList.splice(1,10)\r\n uni.hideLoading()\r\n }\r\n\r\n if(this.status == 'image'){\r\n for (let i = 0; i < uploadFile.length; i++) {\r\n var arr = await uni.uploadFile({\r\n // 需要上传的地址\r\n url: that.vue_uploadAction,\r\n // filePath 需要上传的文件\r\n filePath: uploadFile[i],\r\n name: 'file',\r\n header: {\r\n token: '781bb514-342d-4a67-9086-758b4e6477c0', // 挂载请求头为用户的 token\r\n },\r\n })\r\n let data = JSON.parse(arr[1].data)\r\n console.log('data:', data)\r\n if (data.code !== 1) {\r\n // 视频上传失败了\r\n uni.hideLoading()\r\n uni.showToast({\r\n title: data.msg,\r\n icon: 'none',\r\n })\r\n return\r\n }\r\n // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n this.viList.push({\r\n image: data.data.fullurl,\r\n type: this.status == 'video' ? 'v' : 'i',\r\n })\r\n this.viList.length >9 && this.viList.splice(9,10)\r\n uni.hideLoading()\r\n }\r\n }\r\n\r\n // let data = JSON.parse(arr[1].data)\r\n // console.log('data:', data)\r\n // if (data.code !== 1) {\r\n // // 视频上传失败了\r\n // uni.hideLoading()\r\n // uni.showToast({\r\n // title: data.msg,\r\n // icon: 'none',\r\n // })\r\n // return\r\n // }\r\n // // 上传成功(把上传成功后的文件路径 push 到页面需要显示的视频数据列表中)\r\n // this.viList.push({\r\n // image: data.data.fullurl,\r\n // type: this.status == 'video' ? 'v' : 'i',\r\n // })\r\n // uni.hideLoading()\r\n } catch (error) {\r\n // console.log(error)\r\n uni.hideLoading()\r\n }\r\n },\r\n previewImageHandler(type) {\r\n type === 'i' &&\r\n uni.previewImage({\r\n urls: this.viList.filter(t => t.type === 'i').map(t => t.image),\r\n })\r\n },\r\n delHandler(index) {\r\n this.viList.splice(index, 1)\r\n },\r\n\r\n async getTabsCate() {\r\n const { data } = await getTabsCate({\r\n page: 1,\r\n rows: 10,\r\n })\r\n console.log(data)\r\n this.typeId = data.data[0].id\r\n this.cateList = data.data\r\n },\r\n\r\n toggleTypeHandler(id, index) {\r\n this.curType = index\r\n this.typeId = id\r\n // console.log(id,index)\r\n },\r\n\r\n // 创建接口\r\n async getAddItem() {\r\n if (this.titleValue.length == 0) {\r\n return uni.showToast({ title: '请填写标题', icon: 'none' })\r\n }\r\n if (this.value1.length == 0) {\r\n return uni.showToast({ title: '请填写内容', icon: 'none' })\r\n }\r\n if (this.viList.length == 0) {\r\n return uni.showToast({ title: '请上传图片或视频', icon: 'none' })\r\n }\r\n try {\r\n let VIList = {}\r\n if (this.status == 'video') {\r\n VIList = { video: this.videoUrl, cover: this.viList[0].image, imgList: [] }\r\n } else {\r\n VIList = { imgList: this.viList.map(it => it.image), cover: this.viList[0].image, video: '' }\r\n }\r\n console.log(VIList)\r\n const res = await getAddItem({\r\n type_id: this.typeId, //\tinteger\t是\t类型ID\r\n title: this.titleValue, //\tstring\t是\t论坛标题\r\n content: this.value1, //\tstring\t是\t论坛内容\r\n file: VIList, //\tstring\t否\t文件json例如：{\"video\":\"http://sdsads\",\"imgList\":[\"\",\"\",\"\"]}\r\n })\r\n uni.showToast({ title: '发布成功' })\r\n uni.navigateBack({ delta: 1 })\r\n console.log(res, 'fabufabu')\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n },\r\n },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\npage {\r\n background: #fff;\r\n}\r\n.mainBox {\r\n padding: 0 32rpx 32rpx;\r\n box-sizing: border-box;\r\n}\r\n.whiteBox {\r\n width: 100%;\r\n height: 60rpx;\r\n background: #fff;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.bottomBtn {\r\n padding: 16rpx 32rpx;\r\n box-sizing: border-box;\r\n background: #fff;\r\n position: fixed;\r\n bottom: 60rpx;\r\n left: 0;\r\n view {\r\n width: 686rpx;\r\n height: 88rpx;\r\n border-radius: 28rpx;\r\n background: linear-gradient(90deg, rgba(140, 72, 255, 1) 0%, rgba(123, 43, 255, 1) 100%);\r\n color: rgba(255, 255, 255, 1);\r\n font-size: 32rpx;\r\n font-weight: 700;\r\n }\r\n}\r\n.u-textarea {\r\n border: none !important;\r\n}\r\n.stateBox {\r\n margin-top: 16rpx;\r\n margin-bottom: 28rpx;\r\n width: 228rpx;\r\n height: 56rpx;\r\n border-radius: 200rpx;\r\n background: #f6f8fa;\r\n > .item {\r\n width: 50%;\r\n height: 100%;\r\n color: rgba(0, 0, 0, 0.4);\r\n font-size: 26rpx;\r\n }\r\n}\r\n.Z {\r\n background: #f1e8ff;\r\n border: 1rpx solid #b88dff;\r\n color: #6e16ff !important;\r\n font-size: 26rpx;\r\n border-radius: 200rpx;\r\n font-weight: 700;\r\n}\r\n.uploadImage {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.aa {\r\n margin-right: 20rpx;\r\n position: relative;\r\n \r\n > .del {\r\n position: absolute;\r\n top: 0;\r\n left: 8rpx;\r\n z-index: 999;\r\n color: #fff;\r\n font-size: 32rpx;\r\n }\r\n > .sty {\r\n width: 160rpx;\r\n height: 160rpx;\r\n border-radius: 8rpx;\r\n }\r\n > .jinzhi {\r\n width: 160rpx;\r\n height: 160rpx;\r\n border-radius: 8rpx;\r\n background: transparent;\r\n position: absolute;\r\n z-index: 998;\r\n top: 0;\r\n left: 0;\r\n }\r\n}\r\n.typeBox {\r\n width: 48rpx;\r\n height: 48rpx;\r\n border-radius: 50%;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n /* top: 0;\r\n right: 0; */\r\n}\r\n.btnBox {\r\n /* margin: 0 auto; */\r\n margin-bottom: 28rpx;\r\n /* margin-left: 20rpx; */\r\n width: 160rpx;\r\n height: 160rpx;\r\n margin-top: 20rpx;\r\n background: #f4f5f7;\r\n color: #000;\r\n}\r\n.cateBox {\r\n flex-wrap: wrap;\r\n > .cateText {\r\n color: rgba(0, 0, 0, 0.9);\r\n font-size: 28rpx;\r\n font-weight: 700;\r\n margin-right: 8rpx;\r\n }\r\n > .typeBox1 {\r\n padding: 8rpx 12rpx;\r\n box-sizing: border-box;\r\n border-radius: 154rpx;\r\n border: 1rpx solid transparent;\r\n background: rgba(247, 248, 250, 1);\r\n color: rgba(0, 0, 0, 0.9);\r\n margin-right: 24rpx;\r\n font-size: 24rpx;\r\n }\r\n > .ZZ {\r\n background: rgba(110, 22, 255, 0.1);\r\n border: 1rpx solid #b88dff;\r\n color: #6E16FF;\r\n }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./addItem.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1670319096836\n var cssReload = require(\"D:/高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
\ No newline at end of file
... ...
... ... @@ -76,7 +76,7 @@ page {
.Z {
background: #f1e8ff;
border: 1rpx solid #b88dff;
color: #6e16ff;
color: #6e16ff !important;
font-size: 26rpx;
border-radius: 200rpx;
font-weight: 700;
... ... @@ -156,6 +156,6 @@ page {
.cateBox > .ZZ {
background: rgba(110, 22, 255, 0.1);
border: 1rpx solid #b88dff;
color: #6e16ff;
color: #6E16FF;
}
... ...