韩昌 / kaoshi3-fangweishangcheng · 提交

转到一个项目

作者 韩昌
提交 0f24f3d22e25bb9928453d4e917e2026f4fcd89a 1 个父辈 8da3f53a

完成12

内嵌 并排对比
正在显示 4 个修改的文件 包含 9 行增加 和 5 行删除
... ... @@ -2,7 +2,7 @@
<view>
<!-- 顶部navbar -->
<u-sticky bgColor="#fff">
<u-navbar @rightClick="rightClick" placeholder :autoBack="true">
<u-navbar @leftClick="searchState = 2" placeholder :autoBack="true">
<template #center>
<view class="topSearchBox">
<u-search
... ...
{"version":3,"sources":["uni-app:///main.js",null,"webpack:///D:/vue/kaoshi3/pages/index/index.vue?04ce","webpack:///D:/vue/kaoshi3/pages/index/index.vue?af0e","webpack:///D:/vue/kaoshi3/pages/index/index.vue?a378","uni-app:///pages/index/index.vue","webpack:///D:/vue/kaoshi3/pages/index/index.vue?39ee","webpack:///D:/vue/kaoshi3/pages/index/index.vue?73d5"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":"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","file":"pages/index/index.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=57280228&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.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/index.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!./index.vue?vue&type=template&id=57280228&\"","var components\ntry {\n components = {\n uSticky: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-sticky/u-sticky\" */ \"uview-ui/components/u-sticky/u-sticky.vue\"\n )\n },\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 uSearch: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-search/u-search\" */ \"uview-ui/components/u-search/u-search.vue\"\n )\n },\n uTabs: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-tabs/u-tabs\" */ \"uview-ui/components/u-tabs/u-tabs.vue\"\n )\n },\n uModal: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-modal/u-modal\" */ \"uview-ui/components/u-modal/u-modal.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 uEmpty: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-empty/u-empty\" */ \"uview-ui/components/u-empty/u-empty.vue\"\n )\n },\n customWaterfallsFlow: function() {\n return import(\n /* webpackChunkName: \"components/custom-waterfalls-flow/custom-waterfalls-flow\" */ \"@/components/custom-waterfalls-flow/custom-waterfalls-flow.vue\"\n )\n },\n uRate: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-rate/u-rate\" */ \"uview-ui/components/u-rate/u-rate.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 this$1 = this\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n if (!_vm._isMounted) {\n _vm.e0 = function() {\n return (this$1.historyListShow = false)\n }\n\n _vm.e1 = function() {\n return (this$1.historyListShow = true)\n }\n }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","<template>\n <view>\n <!-- 顶部navbar -->\n <u-sticky bgColor=\"#fff\">\n <u-navbar @rightClick=\"rightClick\" placeholder :autoBack=\"true\">\n <template #center>\n <view class=\"topSearchBox\">\n <u-search\n placeholder=\"请输入商家名称\"\n :clearabled=\"true\"\n :showAction=\"false\"\n v-model=\"searchValue\"\n @search=\"searchHandler1\"\n ></u-search>\n </view>\n </template>\n </u-navbar>\n <!-- 粘性tabs -->\n <u-tabs\n v-if=\"searchState == 1\"\n :list=\"list1\"\n :lineWidth=\"40\"\n lineColor=\"#6E16FF\"\n :inactiveStyle=\"inactiveStyle\"\n :activeStyle=\"activeStyle\"\n :scrollable=\"false\"\n ></u-tabs>\n </u-sticky>\n\n <!-- 清空历史记录模态框 -->\n <u-modal\n :show=\"historyListShow\"\n showCancelButton\n @cancel=\"() => (this.historyListShow = false)\"\n @confirm=\"confirmRemoveHistorySearchHandler\"\n :content=\"content\"\n ></u-modal>\n\n <!-- 版心 -->\n <template v-if=\"searchState == 2\">\n <view class=\"mainBox\">\n <view class=\"flexJ\" v-if=\"historyGoodsSearchList.length !== 0\">\n <view class=\"historyText\">历史搜索</view>\n <u-icon name=\"trash\" @click=\"() => (this.historyListShow = true)\"></u-icon>\n </view>\n\n <!-- 搜索记录 -->\n <view class=\"flexA historySearchBox\">\n <view\n class=\"historySearchText flexC\"\n v-for=\"item in historyGoodsSearchList\"\n :key=\"item\"\n @click=\"hotSearchHandler(item)\"\n >\n {{ item }}\n </view>\n </view>\n\n <!-- 热门搜索 -->\n <view class=\"hotSearchBox\">\n <view class=\"flexA\" style=\"margin-bottom: 32rpx\">\n <image style=\"width: 32rpx; height: 32rpx\" src=\"/static/hotsearch.png\" mode=\"scaleToFill\" />\n <view class=\"hotsearchText\">热门搜索</view>\n </view>\n\n <!-- 热门搜索内容 -->\n <view class=\"hotCentent\">\n <view class=\"leftHotList\">\n <view\n class=\"flexA\"\n style=\"margin-bottom: 32rpx\"\n v-for=\"item in firstList\"\n :key=\"item.id\"\n @click=\"hotSearchHandler(item.title)\"\n >\n <view\n class=\"index\"\n :style=\"{ background: item.id == 1 ? '#f03f30' : item.id == 2 ? '#f2b738' : item.id == 3 ? '#a3b5e1' : '' }\"\n >\n {{ item.id }}\n </view>\n <text>{{ item.title }}</text>\n </view>\n </view>\n <view class=\"line\"></view>\n <view class=\"rightHotList\">\n <view\n class=\"flexA\"\n style=\"margin-bottom: 32rpx\"\n v-for=\"item in secondList\"\n :key=\"item.id\"\n @click=\"hotSearchHandler(item.title)\"\n >\n <view class=\"index\">{{ item.id }}</view>\n <text>{{ item.title }}</text>\n </view>\n </view>\n </view>\n </view>\n </view>\n </template>\n <template v-if=\"searchState == 0\">\n <view style=\"margin-top: 300rpx\">\n <u-empty />\n </view>\n <!-- <u-empty mode=\"car\" icon=\"http://cdn.uviewui.com/uview/empty/car.png\"></u-empty> -->\n </template>\n <template v-if=\"searchState == 1\">\n <!-- <view v-for=\"item in searchList1\" :key=\"item.id\">\n {{ item.title }}\n <image style=\"width: 200rpx; height: 300rpx\" :src=\"item.image\" mode=\"scaleToFill\" />\n {{ item.content }}\n </view> -->\n <view class=\"mainBox\">\n <custom-waterfalls-flow :value=\"searchList1\" imageKey=\"image\" :seat=\"2\">\n <view class=\"item\" v-for=\"(item, index) in searchList1\" :key=\"index\" slot=\"slot{{index}}\">\n <view class=\"title flexC\">{{ item.title }}</view>\n <view class=\"flexJ\">\n <view class=\"flexA headerBox\">\n <image :src=\"item.user.avatar\" mode=\"scaleToFill\" />\n <view>{{item.user.user_name}}</view>\n </view>\n <view class=\"flexA\">\n <u-rate activeIcon=\"heart-fill\" inactiveIcon=\"heart\" :count=\"count\" v-model=\"value\"></u-rate>\n <view class=\"numText\">{{ item.id }}</view>\n </view>\n </view>\n </view>\n </custom-waterfalls-flow>\n </view>\n </template>\n\n <!-- <view @click=\"toListHandler\">跳转列表搜索</view> -->\n </view>\n</template>\n\n<script>\nimport { getList } from '@/api'\nexport default {\n data() {\n return {\n list1: [\n {\n name: '美容美发',\n },\n {\n name: '长发造型',\n },\n {\n name: '好物分享',\n },\n {\n name: '吹风机',\n },\n {\n name: '好物评测',\n },\n ],\n list: [],\n // 未选择样式\n inactiveStyle: {\n color: 'rgba(0,0,0,0.4)',\n fontSize: '27rpx',\n },\n // 选择样式\n activeStyle: {\n color: 'rgba(50, 50, 51, 1)',\n fontSize: '27rpx',\n fontWeight: '700',\n },\n hotList: [\n { id: 1, title: '小米春季新款吹风机' },\n { id: 2, title: 'Dyson黑色吹风机' },\n { id: 3, title: '便宜好用的吹风机' },\n { id: 4, title: '小米春季新款吹风机' },\n { id: 5, title: '高端吹风机' },\n { id: 6, title: '小米春季新款吹风机' },\n { id: 7, title: 'supersonic吹风机' },\n { id: 8, title: '超低价吹风机' },\n { id: 9, title: '明星同款吹风机' },\n { id: 10, title: '万能吹风机' },\n ],\n firstList: [],\n secondList: [],\n // 清空历史记录参数\n historyListShow: false,\n content: '您确定要清空历史记录吗？',\n // 搜索结果 0 有结果 1没有结果\n searchState: 2,\n historyGoodsSearchList: [],\n searchList: [],\n // 搜索框值\n searchValue: '',\n // 热门搜索数据\n hotSearchList: [],\n // 搜索出来的内容\n searchList1: [],\n curPage: 1,\n count: 1,\n value: 1,\n }\n },\n onLoad(options) {\n this.firstList = this.hotList.slice(0, 5)\n this.secondList = this.hotList.slice(5)\n this.historyGoodsSearchList = uni.getStorageSync('historySearchList', this.historyGoodsSearchList) || []\n },\n methods: {\n // async getList(val) {\n // const { data } = await getList({\n // type_id: '', //\tinteger\t否\t论坛类型\n // keywords: val, //\tstring\t否\t关键词\n // order: 1, //\tstring\t是\t排序，1:评论，0:时间\n // page: 1, //\tinteger\t是\t页码\n // rows: 4, //\tinteger\t是\t条数\n // })\n // console.log(data)\n // if (data.data.length == 0) {\n // this.searchState = 0\n // } else {\n // this.searchState = 1\n // setTimeout(() => {\n // this.searchList1 = data.data\n // this.searchList1.forEach((item, index) => {\n // item.image = JSON.parse(data.data[index].file).imgList[0]\n // })\n // },600)\n // }\n // },\n async getList(val) {\n const { data } = await getList({\n type_id: '', //\tinteger\t否\t论坛类型\n keywords: val || '', //\tstring\t否\t关键词\n order: 1, //\tstring\t是\t排序，1:评论，0:时间\n page: this.curPage, //\tinteger\t是\t页码\n rows: 13, //\tinteger\t是\t条数\n })\n console.log(data)\n if (data.data.length == 0) {\n this.searchState = 0\n } else {\n this.searchState = 1\n setTimeout(() => {\n this.last_page = data.last_page\n // this.list = this.list.concat(data.data)\n this.searchList1 = data.data\n this.searchList1.forEach((item, index) => {\n item.image = JSON.parse(data.data[index].file).imgList[0]\n })\n }, 300)\n }\n },\n // 确定清空历史搜索记录\n confirmRemoveHistorySearchHandler() {\n uni.removeStorageSync('historySearchList')\n this.historyGoodsSearchList = []\n this.historyListShow = false\n uni.showToast({\n title: '清空历史记录成功',\n icon: 'success',\n })\n },\n // 搜索\n searchHandler1(val) {\n this.historyGoodsSearchList.indexOf(this.searchValue) == '-1'\n ? (() => {\n this.historyGoodsSearchList.push(this.searchValue)\n uni.setStorageSync('historySearchList', this.historyGoodsSearchList)\n if (this.historyGoodsSearchList.length > 10) {\n this.historyGoodsSearchList.shift()\n }\n // 调接口\n this.getList(val)\n })()\n : // : ''\n // 调接口\n this.getList(val)\n },\n // 热门搜索\n hotSearchHandler(val) {\n console.log(val)\n this.historyGoodsSearchList.indexOf(val) == '-1'\n ? (() => {\n this.historyGoodsSearchList.push(val)\n uni.setStorageSync('historySearchList', this.historyGoodsSearchList)\n if (this.historyGoodsSearchList.length > 10) {\n this.historyGoodsSearchList.shift()\n }\n // 调接口\n this.getList(val)\n })()\n : // : ''\n // 调接口\n this.getList(val)\n },\n toListHandler() {\n uni.navigateTo({ url: '/pages/index/list' })\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\npage {\n background: #fff;\n}\n.topSearchBox {\n margin-right: 118rpx;\n}\n.mainBox {\n padding: 34rpx 32rpx 0;\n box-sizing: border-box;\n}\n.historyText {\n color: rgba(50, 50, 51, 1);\n font-size: 28rpx;\n font-weight: 700;\n margin-bottom: 32rpx;\n}\n.historySearchBox {\n flex-wrap: wrap;\n}\n.u-search__content {\n min-width: 426rpx !important;\n}\n/* .noSearchList {\n height: 100vh;\n background: #f6f8fa;\n} */\n.historySearchText {\n padding: 8rpx 12rpx;\n box-sizing: border-box;\n border-radius: 154rpx;\n background: rgba(247, 248, 250, 1);\n margin-right: 24rpx;\n margin-bottom: 24rpx;\n color: rgba(0, 0, 0, 0.9);\n font-size: 24rpx;\n}\n.hotsearchText {\n color: rgba(50, 50, 51, 1);\n font-size: 28rpx;\n font-weight: 700;\n margin-left: 10rpx;\n}\n.hotSearchBox {\n margin-top: 40rpx;\n border-radius: 20rpx;\n padding: 32rpx;\n box-sizing: border-box;\n background: linear-gradient(180.1deg, rgba(254, 242, 240, 1) 0%, rgba(255, 251, 248, 1) 35%, rgba(255, 255, 255, 0) 100%);\n}\n.hotCentent {\n display: flex;\n > .line {\n height: 328rpx;\n width: 2rpx;\n background: #e5e8ec;\n margin-right: 24rpx;\n }\n > .leftHotList {\n width: 286rpx;\n height: 40rpx;\n .index {\n width: 24rpx;\n height: 24rpx;\n border-radius: 8rpx;\n background: rgba(200, 201, 204, 1);\n color: rgba(255, 255, 255, 1);\n font-size: 20rpx;\n text-align: center;\n margin-right: 16rpx;\n }\n text {\n color: rgba(50, 50, 51, 1);\n font-size: 26rpx;\n }\n > .flexB {\n margin-bottom: 32rpx;\n }\n }\n > .rightHotList {\n width: 286rpx;\n height: 40rpx;\n .index {\n width: 24rpx;\n height: 24rpx;\n border-radius: 8rpx;\n background: rgba(200, 201, 204, 1);\n color: rgba(255, 255, 255, 1);\n font-size: 20rpx;\n text-align: center;\n margin-right: 16rpx;\n }\n text {\n color: rgba(50, 50, 51, 1);\n font-size: 26rpx;\n }\n > .flexB {\n margin-bottom: 32rpx;\n }\n }\n}\n\n.title {\n color: rgba(0, 0, 0, 0.9);\n font-size: 28rpx;\n margin: 16rpx 0;\n}\n.headerBox {\n color: rgba(0, 0, 0, 0.6);\n font-size: 24rpx;\n image {\n width: 48rpx;\n height: 48rpx;\n border-radius: 50%;\n margin-right: 8rpx;\n }\n}\n.item {\n padding: 0 16rpx 16rpx;\n box-sizing: border-box;\n}\n.numText {\n color: rgba(0, 0, 0, 0.4);\n font-size: 24rpx;\n margin-left: 8rpx;\n}\n</style>\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!./index.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!./index.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1669290144337\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/pages/index/index.vue?04ce","webpack:///D:/vue/kaoshi3/pages/index/index.vue?af0e","webpack:///D:/vue/kaoshi3/pages/index/index.vue?a378","uni-app:///pages/index/index.vue","webpack:///D:/vue/kaoshi3/pages/index/index.vue?39ee","webpack:///D:/vue/kaoshi3/pages/index/index.vue?73d5"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":"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","file":"pages/index/index.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=57280228&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.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/index.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!./index.vue?vue&type=template&id=57280228&\"","var components\ntry {\n components = {\n uSticky: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-sticky/u-sticky\" */ \"uview-ui/components/u-sticky/u-sticky.vue\"\n )\n },\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 uSearch: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-search/u-search\" */ \"uview-ui/components/u-search/u-search.vue\"\n )\n },\n uTabs: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-tabs/u-tabs\" */ \"uview-ui/components/u-tabs/u-tabs.vue\"\n )\n },\n uModal: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-modal/u-modal\" */ \"uview-ui/components/u-modal/u-modal.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 uEmpty: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-empty/u-empty\" */ \"uview-ui/components/u-empty/u-empty.vue\"\n )\n },\n customWaterfallsFlow: function() {\n return import(\n /* webpackChunkName: \"components/custom-waterfalls-flow/custom-waterfalls-flow\" */ \"@/components/custom-waterfalls-flow/custom-waterfalls-flow.vue\"\n )\n },\n uRate: function() {\n return import(\n /* webpackChunkName: \"node-modules/uview-ui/components/u-rate/u-rate\" */ \"uview-ui/components/u-rate/u-rate.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 this$1 = this\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n if (!_vm._isMounted) {\n _vm.e0 = function($event) {\n _vm.searchState = 2\n }\n\n _vm.e1 = function() {\n return (this$1.historyListShow = false)\n }\n\n _vm.e2 = function() {\n return (this$1.historyListShow = true)\n }\n }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","<template>\n <view>\n <!-- 顶部navbar -->\n <u-sticky bgColor=\"#fff\">\n <u-navbar @leftClick=\"searchState = 2\" placeholder :autoBack=\"true\">\n <template #center>\n <view class=\"topSearchBox\">\n <u-search\n placeholder=\"请输入商家名称\"\n :clearabled=\"true\"\n :showAction=\"false\"\n v-model=\"searchValue\"\n @search=\"searchHandler1\"\n ></u-search>\n </view>\n </template>\n </u-navbar>\n <!-- 粘性tabs -->\n <u-tabs\n v-if=\"searchState == 1\"\n :list=\"list1\"\n :lineWidth=\"40\"\n lineColor=\"#6E16FF\"\n :inactiveStyle=\"inactiveStyle\"\n :activeStyle=\"activeStyle\"\n :scrollable=\"false\"\n ></u-tabs>\n </u-sticky>\n\n <!-- 清空历史记录模态框 -->\n <u-modal\n :show=\"historyListShow\"\n showCancelButton\n @cancel=\"() => (this.historyListShow = false)\"\n @confirm=\"confirmRemoveHistorySearchHandler\"\n :content=\"content\"\n ></u-modal>\n\n <!-- 版心 -->\n <template v-if=\"searchState == 2\">\n <view class=\"mainBox\">\n <view class=\"flexJ\" v-if=\"historyGoodsSearchList.length !== 0\">\n <view class=\"historyText\">历史搜索</view>\n <u-icon name=\"trash\" @click=\"() => (this.historyListShow = true)\"></u-icon>\n </view>\n\n <!-- 搜索记录 -->\n <view class=\"flexA historySearchBox\">\n <view\n class=\"historySearchText flexC\"\n v-for=\"item in historyGoodsSearchList\"\n :key=\"item\"\n @click=\"hotSearchHandler(item)\"\n >\n {{ item }}\n </view>\n </view>\n\n <!-- 热门搜索 -->\n <view class=\"hotSearchBox\">\n <view class=\"flexA\" style=\"margin-bottom: 32rpx\">\n <image style=\"width: 32rpx; height: 32rpx\" src=\"/static/hotsearch.png\" mode=\"scaleToFill\" />\n <view class=\"hotsearchText\">热门搜索</view>\n </view>\n\n <!-- 热门搜索内容 -->\n <view class=\"hotCentent\">\n <view class=\"leftHotList\">\n <view\n class=\"flexA\"\n style=\"margin-bottom: 32rpx\"\n v-for=\"item in firstList\"\n :key=\"item.id\"\n @click=\"hotSearchHandler(item.title)\"\n >\n <view\n class=\"index\"\n :style=\"{ background: item.id == 1 ? '#f03f30' : item.id == 2 ? '#f2b738' : item.id == 3 ? '#a3b5e1' : '' }\"\n >\n {{ item.id }}\n </view>\n <text>{{ item.title }}</text>\n </view>\n </view>\n <view class=\"line\"></view>\n <view class=\"rightHotList\">\n <view\n class=\"flexA\"\n style=\"margin-bottom: 32rpx\"\n v-for=\"item in secondList\"\n :key=\"item.id\"\n @click=\"hotSearchHandler(item.title)\"\n >\n <view class=\"index\">{{ item.id }}</view>\n <text>{{ item.title }}</text>\n </view>\n </view>\n </view>\n </view>\n </view>\n </template>\n <template v-if=\"searchState == 0\">\n <view style=\"margin-top: 300rpx\">\n <u-empty />\n </view>\n <!-- <u-empty mode=\"car\" icon=\"http://cdn.uviewui.com/uview/empty/car.png\"></u-empty> -->\n </template>\n <template v-if=\"searchState == 1\">\n <!-- <view v-for=\"item in searchList1\" :key=\"item.id\">\n {{ item.title }}\n <image style=\"width: 200rpx; height: 300rpx\" :src=\"item.image\" mode=\"scaleToFill\" />\n {{ item.content }}\n </view> -->\n <view class=\"mainBox\">\n <custom-waterfalls-flow :value=\"searchList1\" imageKey=\"image\" :seat=\"2\">\n <view class=\"item\" v-for=\"(item, index) in searchList1\" :key=\"index\" slot=\"slot{{index}}\">\n <view class=\"title flexC\">{{ item.title }}</view>\n <view class=\"flexJ\">\n <view class=\"flexA headerBox\">\n <image :src=\"item.user.avatar\" mode=\"scaleToFill\" />\n <view>{{item.user.user_name}}</view>\n </view>\n <view class=\"flexA\">\n <u-rate activeIcon=\"heart-fill\" inactiveIcon=\"heart\" :count=\"count\" v-model=\"value\"></u-rate>\n <view class=\"numText\">{{ item.id }}</view>\n </view>\n </view>\n </view>\n </custom-waterfalls-flow>\n </view>\n </template>\n\n <!-- <view @click=\"toListHandler\">跳转列表搜索</view> -->\n </view>\n</template>\n\n<script>\nimport { getList } from '@/api'\nexport default {\n data() {\n return {\n list1: [\n {\n name: '美容美发',\n },\n {\n name: '长发造型',\n },\n {\n name: '好物分享',\n },\n {\n name: '吹风机',\n },\n {\n name: '好物评测',\n },\n ],\n list: [],\n // 未选择样式\n inactiveStyle: {\n color: 'rgba(0,0,0,0.4)',\n fontSize: '27rpx',\n },\n // 选择样式\n activeStyle: {\n color: 'rgba(50, 50, 51, 1)',\n fontSize: '27rpx',\n fontWeight: '700',\n },\n hotList: [\n { id: 1, title: '小米春季新款吹风机' },\n { id: 2, title: 'Dyson黑色吹风机' },\n { id: 3, title: '便宜好用的吹风机' },\n { id: 4, title: '小米春季新款吹风机' },\n { id: 5, title: '高端吹风机' },\n { id: 6, title: '小米春季新款吹风机' },\n { id: 7, title: 'supersonic吹风机' },\n { id: 8, title: '超低价吹风机' },\n { id: 9, title: '明星同款吹风机' },\n { id: 10, title: '万能吹风机' },\n ],\n firstList: [],\n secondList: [],\n // 清空历史记录参数\n historyListShow: false,\n content: '您确定要清空历史记录吗？',\n // 搜索结果 0 有结果 1没有结果\n searchState: 2,\n historyGoodsSearchList: [],\n searchList: [],\n // 搜索框值\n searchValue: '',\n // 热门搜索数据\n hotSearchList: [],\n // 搜索出来的内容\n searchList1: [],\n curPage: 1,\n count: 1,\n value: 1,\n }\n },\n onLoad(options) {\n this.firstList = this.hotList.slice(0, 5)\n this.secondList = this.hotList.slice(5)\n this.historyGoodsSearchList = uni.getStorageSync('historySearchList', this.historyGoodsSearchList) || []\n },\n methods: {\n // async getList(val) {\n // const { data } = await getList({\n // type_id: '', //\tinteger\t否\t论坛类型\n // keywords: val, //\tstring\t否\t关键词\n // order: 1, //\tstring\t是\t排序，1:评论，0:时间\n // page: 1, //\tinteger\t是\t页码\n // rows: 4, //\tinteger\t是\t条数\n // })\n // console.log(data)\n // if (data.data.length == 0) {\n // this.searchState = 0\n // } else {\n // this.searchState = 1\n // setTimeout(() => {\n // this.searchList1 = data.data\n // this.searchList1.forEach((item, index) => {\n // item.image = JSON.parse(data.data[index].file).imgList[0]\n // })\n // },600)\n // }\n // },\n async getList(val) {\n const { data } = await getList({\n type_id: '', //\tinteger\t否\t论坛类型\n keywords: val || '', //\tstring\t否\t关键词\n order: 1, //\tstring\t是\t排序，1:评论，0:时间\n page: this.curPage, //\tinteger\t是\t页码\n rows: 13, //\tinteger\t是\t条数\n })\n console.log(data)\n if (data.data.length == 0) {\n this.searchState = 0\n } else {\n this.searchState = 1\n setTimeout(() => {\n this.last_page = data.last_page\n // this.list = this.list.concat(data.data)\n this.searchList1 = data.data\n this.searchList1.forEach((item, index) => {\n item.image = JSON.parse(data.data[index].file).imgList[0]\n })\n }, 300)\n }\n },\n // 确定清空历史搜索记录\n confirmRemoveHistorySearchHandler() {\n uni.removeStorageSync('historySearchList')\n this.historyGoodsSearchList = []\n this.historyListShow = false\n uni.showToast({\n title: '清空历史记录成功',\n icon: 'success',\n })\n },\n // 搜索\n searchHandler1(val) {\n this.historyGoodsSearchList.indexOf(this.searchValue) == '-1'\n ? (() => {\n this.historyGoodsSearchList.push(this.searchValue)\n uni.setStorageSync('historySearchList', this.historyGoodsSearchList)\n if (this.historyGoodsSearchList.length > 10) {\n this.historyGoodsSearchList.shift()\n }\n // 调接口\n this.getList(val)\n })()\n : // : ''\n // 调接口\n this.getList(val)\n },\n // 热门搜索\n hotSearchHandler(val) {\n console.log(val)\n this.historyGoodsSearchList.indexOf(val) == '-1'\n ? (() => {\n this.historyGoodsSearchList.push(val)\n uni.setStorageSync('historySearchList', this.historyGoodsSearchList)\n if (this.historyGoodsSearchList.length > 10) {\n this.historyGoodsSearchList.shift()\n }\n // 调接口\n this.getList(val)\n })()\n : // : ''\n // 调接口\n this.getList(val)\n },\n toListHandler() {\n uni.navigateTo({ url: '/pages/index/list' })\n },\n },\n}\n</script>\n\n<style lang=\"scss\">\npage {\n background: #fff;\n}\n.topSearchBox {\n margin-right: 118rpx;\n}\n.mainBox {\n padding: 34rpx 32rpx 0;\n box-sizing: border-box;\n}\n.historyText {\n color: rgba(50, 50, 51, 1);\n font-size: 28rpx;\n font-weight: 700;\n margin-bottom: 32rpx;\n}\n.historySearchBox {\n flex-wrap: wrap;\n}\n.u-search__content {\n min-width: 426rpx !important;\n}\n/* .noSearchList {\n height: 100vh;\n background: #f6f8fa;\n} */\n.historySearchText {\n padding: 8rpx 12rpx;\n box-sizing: border-box;\n border-radius: 154rpx;\n background: rgba(247, 248, 250, 1);\n margin-right: 24rpx;\n margin-bottom: 24rpx;\n color: rgba(0, 0, 0, 0.9);\n font-size: 24rpx;\n}\n.hotsearchText {\n color: rgba(50, 50, 51, 1);\n font-size: 28rpx;\n font-weight: 700;\n margin-left: 10rpx;\n}\n.hotSearchBox {\n margin-top: 40rpx;\n border-radius: 20rpx;\n padding: 32rpx;\n box-sizing: border-box;\n background: linear-gradient(180.1deg, rgba(254, 242, 240, 1) 0%, rgba(255, 251, 248, 1) 35%, rgba(255, 255, 255, 0) 100%);\n}\n.hotCentent {\n display: flex;\n > .line {\n height: 328rpx;\n width: 2rpx;\n background: #e5e8ec;\n margin-right: 24rpx;\n }\n > .leftHotList {\n width: 286rpx;\n height: 40rpx;\n .index {\n width: 24rpx;\n height: 24rpx;\n border-radius: 8rpx;\n background: rgba(200, 201, 204, 1);\n color: rgba(255, 255, 255, 1);\n font-size: 20rpx;\n text-align: center;\n margin-right: 16rpx;\n }\n text {\n color: rgba(50, 50, 51, 1);\n font-size: 26rpx;\n }\n > .flexB {\n margin-bottom: 32rpx;\n }\n }\n > .rightHotList {\n width: 286rpx;\n height: 40rpx;\n .index {\n width: 24rpx;\n height: 24rpx;\n border-radius: 8rpx;\n background: rgba(200, 201, 204, 1);\n color: rgba(255, 255, 255, 1);\n font-size: 20rpx;\n text-align: center;\n margin-right: 16rpx;\n }\n text {\n color: rgba(50, 50, 51, 1);\n font-size: 26rpx;\n }\n > .flexB {\n margin-bottom: 32rpx;\n }\n }\n}\n\n.title {\n color: rgba(0, 0, 0, 0.9);\n font-size: 28rpx;\n margin: 16rpx 0;\n}\n.headerBox {\n color: rgba(0, 0, 0, 0.6);\n font-size: 24rpx;\n image {\n width: 48rpx;\n height: 48rpx;\n border-radius: 50%;\n margin-right: 8rpx;\n }\n}\n.item {\n padding: 0 16rpx 16rpx;\n box-sizing: border-box;\n}\n.numText {\n color: rgba(0, 0, 0, 0.4);\n font-size: 24rpx;\n margin-left: 8rpx;\n}\n</style>\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!./index.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!./index.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1669290582272\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
... ...
... ... @@ -146,11 +146,15 @@ var render = function() {
var _h = _vm.$createElement
var _c = _vm._self._c || _h
if (!_vm._isMounted) {
_vm.e0 = function() {
return (this$1.historyListShow = false)
_vm.e0 = function($event) {
_vm.searchState = 2
}
_vm.e1 = function() {
return (this$1.historyListShow = false)
}
_vm.e2 = function() {
return (this$1.historyListShow = true)
}
}
... ...
<view><u-sticky vue-id="8dd740cc-1" bgColor="#fff" bind:__l="__l" vue-slots="{{['default']}}"><u-navbar vue-id="{{('8dd740cc-2')+','+('8dd740cc-1')}}" placeholder="{{true}}" autoBack="{{true}}" data-event-opts="{{[['^rightClick',[['rightClick']]]]}}" bind:rightClick="__e" bind:__l="__l" vue-slots="{{['center']}}"><view class="topSearchBox" slot="center"><u-search vue-id="{{('8dd740cc-3')+','+('8dd740cc-2')}}" placeholder="请输入商家名称" clearabled="{{true}}" showAction="{{false}}" value="{{searchValue}}" data-event-opts="{{[['^search',[['searchHandler1']]],['^input',[['__set_model',['','searchValue','$event',[]]]]]]}}" bind:search="__e" bind:input="__e" bind:__l="__l"></u-search></view></u-navbar><block wx:if="{{searchState==1}}"><u-tabs vue-id="{{('8dd740cc-4')+','+('8dd740cc-1')}}" list="{{list1}}" lineWidth="{{40}}" lineColor="#6E16FF" inactiveStyle="{{inactiveStyle}}" activeStyle="{{activeStyle}}" scrollable="{{false}}" bind:__l="__l"></u-tabs></block></u-sticky><u-modal vue-id="8dd740cc-5" show="{{historyListShow}}" showCancelButton="{{true}}" content="{{content}}" data-event-opts="{{[['^cancel',[['e0']]],['^confirm',[['confirmRemoveHistorySearchHandler']]]]}}" bind:cancel="__e" bind:confirm="__e" bind:__l="__l"></u-modal><block wx:if="{{searchState==2}}"><view class="mainBox"><block wx:if="{{historyGoodsSearchList.length!==0}}"><view class="flexJ"><view class="historyText">历史搜索</view><u-icon vue-id="8dd740cc-6" name="trash" data-event-opts="{{[['^click',[['e1']]]]}}" bind:click="__e" bind:__l="__l"></u-icon></view></block><view class="flexA historySearchBox"><block wx:for="{{historyGoodsSearchList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="*this"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['historyGoodsSearchList','',__i0__]]]]]]]}}" class="historySearchText flexC" bindtap="__e">{{''+item+''}}</view></block></view><view class="hotSearchBox"><view class="flexA" style="margin-bottom:32rpx;"><image style="width:32rpx;height:32rpx;" src="/static/hotsearch.png" mode="scaleToFill"></image><view class="hotsearchText">热门搜索</view></view><view class="hotCentent"><view class="leftHotList"><block wx:for="{{firstList}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['firstList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index" style="{{'background:'+(item.id==1?'#f03f30':item.id==2?'#f2b738':item.id==3?'#a3b5e1':'')+';'}}">{{''+item.id+''}}</view><text>{{item.title}}</text></view></block></view><view class="line"></view><view class="rightHotList"><block wx:for="{{secondList}}" wx:for-item="item" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['secondList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index">{{item.id}}</view><text>{{item.title}}</text></view></block></view></view></view></view></block><block wx:if="{{searchState==0}}"><view style="margin-top:300rpx;"><u-empty vue-id="8dd740cc-7" bind:__l="__l"></u-empty></view></block><block wx:if="{{searchState==1}}"><view class="mainBox"><custom-waterfalls-flow vue-id="8dd740cc-8" value="{{searchList1}}" imageKey="image" seat="{{2}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{searchList1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item" slot="slot{{index}}"><view class="title flexC">{{item.title}}</view><view class="flexJ"><view class="flexA headerBox"><image src="{{item.user.avatar}}" mode="scaleToFill"></image><view>{{item.user.user_name}}</view></view><view class="flexA"><u-rate bind:input="__e" vue-id="{{('8dd740cc-9-'+index)+','+('8dd740cc-8')}}" activeIcon="heart-fill" inactiveIcon="heart" count="{{count}}" value="{{value}}" data-event-opts="{{[['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:__l="__l"></u-rate><view class="numText">{{item.id}}</view></view></view></view></block></custom-waterfalls-flow></view></block></view>
\ No newline at end of file
<view><u-sticky vue-id="8dd740cc-1" bgColor="#fff" bind:__l="__l" vue-slots="{{['default']}}"><u-navbar vue-id="{{('8dd740cc-2')+','+('8dd740cc-1')}}" placeholder="{{true}}" autoBack="{{true}}" data-event-opts="{{[['^leftClick',[['e0']]]]}}" bind:leftClick="__e" bind:__l="__l" vue-slots="{{['center']}}"><view class="topSearchBox" slot="center"><u-search vue-id="{{('8dd740cc-3')+','+('8dd740cc-2')}}" placeholder="请输入商家名称" clearabled="{{true}}" showAction="{{false}}" value="{{searchValue}}" data-event-opts="{{[['^search',[['searchHandler1']]],['^input',[['__set_model',['','searchValue','$event',[]]]]]]}}" bind:search="__e" bind:input="__e" bind:__l="__l"></u-search></view></u-navbar><block wx:if="{{searchState==1}}"><u-tabs vue-id="{{('8dd740cc-4')+','+('8dd740cc-1')}}" list="{{list1}}" lineWidth="{{40}}" lineColor="#6E16FF" inactiveStyle="{{inactiveStyle}}" activeStyle="{{activeStyle}}" scrollable="{{false}}" bind:__l="__l"></u-tabs></block></u-sticky><u-modal vue-id="8dd740cc-5" show="{{historyListShow}}" showCancelButton="{{true}}" content="{{content}}" data-event-opts="{{[['^cancel',[['e1']]],['^confirm',[['confirmRemoveHistorySearchHandler']]]]}}" bind:cancel="__e" bind:confirm="__e" bind:__l="__l"></u-modal><block wx:if="{{searchState==2}}"><view class="mainBox"><block wx:if="{{historyGoodsSearchList.length!==0}}"><view class="flexJ"><view class="historyText">历史搜索</view><u-icon vue-id="8dd740cc-6" name="trash" data-event-opts="{{[['^click',[['e2']]]]}}" bind:click="__e" bind:__l="__l"></u-icon></view></block><view class="flexA historySearchBox"><block wx:for="{{historyGoodsSearchList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="*this"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['historyGoodsSearchList','',__i0__]]]]]]]}}" class="historySearchText flexC" bindtap="__e">{{''+item+''}}</view></block></view><view class="hotSearchBox"><view class="flexA" style="margin-bottom:32rpx;"><image style="width:32rpx;height:32rpx;" src="/static/hotsearch.png" mode="scaleToFill"></image><view class="hotsearchText">热门搜索</view></view><view class="hotCentent"><view class="leftHotList"><block wx:for="{{firstList}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['firstList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index" style="{{'background:'+(item.id==1?'#f03f30':item.id==2?'#f2b738':item.id==3?'#a3b5e1':'')+';'}}">{{''+item.id+''}}</view><text>{{item.title}}</text></view></block></view><view class="line"></view><view class="rightHotList"><block wx:for="{{secondList}}" wx:for-item="item" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['secondList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index">{{item.id}}</view><text>{{item.title}}</text></view></block></view></view></view></view></block><block wx:if="{{searchState==0}}"><view style="margin-top:300rpx;"><u-empty vue-id="8dd740cc-7" bind:__l="__l"></u-empty></view></block><block wx:if="{{searchState==1}}"><view class="mainBox"><custom-waterfalls-flow vue-id="8dd740cc-8" value="{{searchList1}}" imageKey="image" seat="{{2}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{searchList1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item" slot="slot{{index}}"><view class="title flexC">{{item.title}}</view><view class="flexJ"><view class="flexA headerBox"><image src="{{item.user.avatar}}" mode="scaleToFill"></image><view>{{item.user.user_name}}</view></view><view class="flexA"><u-rate bind:input="__e" vue-id="{{('8dd740cc-9-'+index)+','+('8dd740cc-8')}}" activeIcon="heart-fill" inactiveIcon="heart" count="{{count}}" value="{{value}}" data-event-opts="{{[['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:__l="__l"></u-rate><view class="numText">{{item.id}}</view></view></view></view></block></custom-waterfalls-flow></view></block></view>
\ No newline at end of file
... ...