修改首页查询

pages/home/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<view class="one">
-			<uni-search-bar placeholder="搜索" bgColor="#EEEEEE" @confirm="toSearch" @input="input" />
+			<input type="text" v-model="searchInfo.name" @input="toInput" placeholder="搜索商品">
 		</view>
 		<view class="two">
 			<uni-grid :column="4" :show-border="false" :square="false">
@@ -39,6 +39,7 @@
 		data() {
 			return {
 				config: {},
+				searchInfo: {},
 				moduleList: [],
 				list: [],
 				total: 0,
@@ -139,11 +140,13 @@
 					});
 				}
 			},
-			async toSearch(res) {
-				console.log(res);
-			},
-			async input(res) {
-				console.log(res)
+			// 输入框
+			toInput(e) {
+				const that = this;
+				if (that.searchInfo.name) that.$set(that.searchInfo, `name`, e.detail.value)
+				else that.$set(that, `searchInfo`, {})
+				that.clearPage();
+				that.search();
 			},
 			async change(e) {
 				uni.navigateTo({
@@ -202,7 +205,14 @@
 		height: 100vh;
 
 		.one {
-			width: 100%;
+			padding: 2vw;
+
+			input {
+				padding: 2vw;
+				background-color: var(--f1Color);
+				font-size: var(--font14Size);
+				border-radius: 5px;
+			}
 		}
 
 		.two {

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -11672,57 +11672,6 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
 
 /***/ }),
 
-/***/ 264:
-/*!************************************************************************************************************!*\
-  !*** E:/project/新耗材小程序/material_applet/uni_modules/uni-search-bar/components/uni-search-bar/i18n/index.js ***!
-  \************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _en = _interopRequireDefault(__webpack_require__(/*! ./en.json */ 265));
-var _zhHans = _interopRequireDefault(__webpack_require__(/*! ./zh-Hans.json */ 266));
-var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 267));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}var _default =
-{
-  en: _en.default,
-  'zh-Hans': _zhHans.default,
-  'zh-Hant': _zhHant.default };exports.default = _default;
-
-/***/ }),
-
-/***/ 265:
-/*!***********************************************************************************************************!*\
-  !*** E:/project/新耗材小程序/material_applet/uni_modules/uni-search-bar/components/uni-search-bar/i18n/en.json ***!
-  \***********************************************************************************************************/
-/*! exports provided: uni-search-bar.cancel, uni-search-bar.placeholder, default */
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"cancel\",\"uni-search-bar.placeholder\":\"Search enter content\"}");
-
-/***/ }),
-
-/***/ 266:
-/*!****************************************************************************************************************!*\
-  !*** E:/project/新耗材小程序/material_applet/uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hans.json ***!
-  \****************************************************************************************************************/
-/*! exports provided: uni-search-bar.cancel, uni-search-bar.placeholder, default */
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"cancel\",\"uni-search-bar.placeholder\":\"请输入搜索内容\"}");
-
-/***/ }),
-
-/***/ 267:
-/*!****************************************************************************************************************!*\
-  !*** E:/project/新耗材小程序/material_applet/uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hant.json ***!
-  \****************************************************************************************************************/
-/*! exports provided: uni-search-bar.cancel, uni-search-bar.placeholder, default */
-/***/ (function(module) {
-
-module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"cancel\",\"uni-search-bar.placeholder\":\"請輸入搜索內容\"}");
-
-/***/ }),
-
 /***/ 3:
 /*!*************************************************************!*\
   !*** ./node_modules/@dcloudio/uni-i18n/dist/uni-i18n.es.js ***!

unpackage/dist/dev/mp-weixin/pages/home/index.js

@@ -97,14 +97,11 @@ __webpack_require__.r(__webpack_exports__);
 var components
 try {
   components = {
-    uniSearchBar: function() {
-      return Promise.all(/*! import() | uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.vue */ 259))
-    },
     uniGrid: function() {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid/uni-grid */ "uni_modules/uni-grid/components/uni-grid/uni-grid").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid/uni-grid.vue */ 270))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid/uni-grid */ "uni_modules/uni-grid/components/uni-grid/uni-grid").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid/uni-grid.vue */ 268))
     },
     uniGridItem: function() {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid-item/uni-grid-item */ "uni_modules/uni-grid/components/uni-grid-item/uni-grid-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue */ 277))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid-item/uni-grid-item */ "uni_modules/uni-grid/components/uni-grid-item/uni-grid-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue */ 275))
     }
   }
 } catch (e) {
@@ -202,6 +199,7 @@ var _default =
   data: function data() {
     return {
       config: {},
+      searchInfo: {},
       moduleList: [],
       list: [],
       total: 0,
@@ -302,15 +300,17 @@ var _default =
 
                 }case 10:case "end":return _context6.stop();}}}, _callee6);}))();
     },
-    toSearch: function toSearch(res) {return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) {switch (_context7.prev = _context7.next) {case 0:
-                console.log(res);case 1:case "end":return _context7.stop();}}}, _callee7);}))();
-    },
-    input: function input(res) {return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee8() {return _regenerator.default.wrap(function _callee8$(_context8) {while (1) {switch (_context8.prev = _context8.next) {case 0:
-                console.log(res);case 1:case "end":return _context8.stop();}}}, _callee8);}))();
+    // 输入框
+    toInput: function toInput(e) {
+      var that = this;
+      if (that.searchInfo.name) that.$set(that.searchInfo, "name", e.detail.value);else
+      that.$set(that, "searchInfo", {});
+      that.clearPage();
+      that.search();
     },
-    change: function change(e) {return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee9() {return _regenerator.default.wrap(function _callee9$(_context9) {while (1) {switch (_context9.prev = _context9.next) {case 0:
+    change: function change(e) {return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) {switch (_context7.prev = _context7.next) {case 0:
                 uni.navigateTo({
-                  url: "".concat(e.route, "?type=").concat(e.type) });case 1:case "end":return _context9.stop();}}}, _callee9);}))();
+                  url: "".concat(e.route, "?type=").concat(e.type) });case 1:case "end":return _context7.stop();}}}, _callee7);}))();
 
     },
     // 购买

unpackage/dist/dev/mp-weixin/pages/home/index.json

@@ -2,7 +2,6 @@
   "navigationBarTitleText": "首页",
   "enablePullDownRefresh": true,
   "usingComponents": {
-    "uni-search-bar": "/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar",
     "uni-grid": "/uni_modules/uni-grid/components/uni-grid/uni-grid",
     "uni-grid-item": "/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item"
   }

unpackage/dist/dev/mp-weixin/pages/home/index.wxss

@@ -8,7 +8,13 @@
   height: 100vh;
 }
 .content .one {
-  width: 100%;
+  padding: 2vw;
+}
+.content .one input {
+  padding: 2vw;
+  background-color: var(--f1Color);
+  font-size: var(--font14Size);
+  border-radius: 5px;
 }
 .content .two {
   padding: 1vw 2vw;