Skip to content

梁建民 / h5

Go to a project
Commit c9cbc39f by 肖康
Options

x

parent 97c0ffe8
Expand all
Inline Side-by-side
Showing with 22 additions and 8 deletions
src/assets/css/help/help.less
...@@ -50,11 +50,17 @@ ...@@ -50,11 +50,17 @@
.title{ .title{
color:#333; color:#333;
font-size:15px; font-size:15px;
padding-left: 0.45rem;
} }
.text{ .text{
font-size: 14px; font-size: 14px;
color:#6f6f6f; color:#6f6f6f;
height:0.7rem;
line-height: 0.7rem;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
} }
&.act{ &.act{
......
src/assets/css/help/help.min.css
.help{padding-top:40px}.help .head{height:40px;padding:0 .45rem;color:#333;line-height:40px;position:fixed;top:0px;left:0px;right:0px;box-sizing:border-box}.help .head a{color:#333;margin-right:30px}.help .head i{font-size:20px}.help .con .group{width:2.35rem;height:1rem;line-height:1rem;padding-left:.45rem;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}.help .con .group h3{font-size:13px;color:#333;position:relative;height:100%;left:1px}.help .con .group .gro-c{display:none;position:fixed;top:40px;left:2.8rem;right:0px;bottom:0px;background:#fff;box-sizing:border-box;border:1px solid #E9E8E8;border-right:0px}.help .con .group .gro-c a{display:block;padding-left:.45rem}.help .con .group .gro-c .title{color:#333;font-size:15px}.help .con .group .gro-c .text{font-size:14px;color:#6f6f6f}.help .con .group.act{background:#fff;border-top:1px solid #E9E8E8;border-bottom:1px solid #E9E8E8}.help .con .group.act h3{z-index:1;background:#fff}.help .con .group.act .gro-c{display:block}.help .detail{background:#fff;padding:.45rem;box-sizing:border-box;height:calc(100vh - 40px)}.help .detail .title{font-size:20px;color:#333;margin-bottom:.4rem}.help .detail .text{color:#333;font-size:14px;line-height:28px}.help .icon-liedanbiao{font-size:14px;color:#333;position:relative;top:-1px;left:-10px} .help{padding-top:40px}.help .head{height:40px;padding:0 .45rem;color:#333;line-height:40px;position:fixed;top:0px;left:0px;right:0px;box-sizing:border-box}.help .head a{color:#333;margin-right:30px}.help .head i{font-size:20px}.help .con .group{width:2.35rem;height:1rem;line-height:1rem;padding-left:.45rem;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}.help .con .group h3{font-size:13px;color:#333;position:relative;height:100%;left:1px}.help .con .group .gro-c{display:none;position:fixed;top:40px;left:2.8rem;right:0px;bottom:0px;background:#fff;box-sizing:border-box;border:1px solid #E9E8E8;border-right:0px}.help .con .group .gro-c a{display:block;padding-left:.45rem}.help .con .group .gro-c .title{color:#333;font-size:15px;padding-left:.45rem}.help .con .group .gro-c .text{font-size:14px;color:#6f6f6f;height:.7rem;line-height:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help .con .group.act{background:#fff;border-top:1px solid #E9E8E8;border-bottom:1px solid #E9E8E8}.help .con .group.act h3{z-index:1;background:#fff}.help .con .group.act .gro-c{display:block}.help .detail{background:#fff;padding:.45rem;box-sizing:border-box;height:calc(100vh - 40px)}.help .detail .title{font-size:20px;color:#333;margin-bottom:.4rem}.help .detail .text{color:#333;font-size:14px;line-height:28px}.help .icon-liedanbiao{font-size:14px;color:#333;position:relative;top:-1px;left:-10px}
\ No newline at end of file \ No newline at end of file
src/store/modules/help/help.js
...@@ -46,7 +46,7 @@ const actions = { ...@@ -46,7 +46,7 @@ const actions = {
state.loading = false; state.loading = false;
let data = res.data; let data = res.data;
if (data.err_code == 0) { if (data.err_code == 0) {
state.list_=data.data.commonquestion||[] state.list_=data.data||[]
state.list_.forEach((item)=>{ state.list_.forEach((item)=>{
if(item.hccat_id==hccat_id){ if(item.hccat_id==hccat_id){
item.check=true item.check=true
......
src/views/back/back.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<h3>问题类型</h3> <h3>问题类型</h3>
<div class="clr"> <div class="clr">
<div class="fl" :class="{'act':qustype==1}" @click="tab(1)">购物流程</div> <div class="fl" :class="{'act':qustype==1}" @click="tab(1)">购物流程</div>
<div class="fl" :class="{'act':qustype==2}" @click="tab(2)">购物问题</div> <div class="fl" :class="{'act':qustype==2}" @click="tab(2)">物流问题</div>
<div class="fl" :class="{'act':qustype==3}" @click="tab(3)">售后服务</div> <div class="fl" :class="{'act':qustype==3}" @click="tab(3)">售后服务</div>
<div class="fl mr0" :class="{'act':qustype==4}" @click="tab(4)">其它</div> <div class="fl mr0" :class="{'act':qustype==4}" @click="tab(4)">其它</div>
</div> </div>
......
src/views/help/help.vue
...@@ -8,13 +8,21 @@ ...@@ -8,13 +8,21 @@
<div class="group " :class="{'act':item.check}" v-for="item in list"> <div class="group " :class="{'act':item.check}" v-for="item in list">
<h3 @click="tab(item.hccat_id)">{{item.hccat_name}}</h3> <h3 @click="tab(item.hccat_id)">{{item.hccat_name}}</h3>
<div class="gro-c" > <div class="gro-c" >
<div class="gc"> <div class="gc" v-if="item.list&&item.list.length>0">
<a v-for="it in item.list" :href="'/h5/view/#/helpDetail?hccat_id='+it.hccat_id" class="text">{{it.hccat_name}}</a> <template v-for="item2 in item.list">
<template v-if="item2.artcle_list&&item2.artcle_list.list&&item2.artcle_list.list.length>0">
<div class="title">{{item2.hccat_name}}</div>
<a v-for="it in item2.artcle_list.list" :href="'/h5/view/#/helpDetail?hccat_id='+it.hccat_id" class="text" v-html="it.content"></a>
</template>
</template>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<Menu></Menu> <Menu></Menu>
<van-loading type="spinner" color="#000" class="loading-background" v-if="loading" /> <van-loading type="spinner" color="#000" class="loading-background" v-if="loading" />
</div> </div>
......
view/36.js
...@@ -42,7 +42,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/_ ...@@ -42,7 +42,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/_
/*! no static exports found */ /*! no static exports found */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
eval("exports = module.exports = __webpack_require__(/*! ../../../../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js */ \"./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \".help{padding-top:40px}.help .head{height:40px;padding:0 .45rem;color:#333;line-height:40px;position:fixed;top:0px;left:0px;right:0px;-webkit-box-sizing:border-box;box-sizing:border-box}.help .head a{color:#333;margin-right:30px}.help .head i{font-size:20px}.help .con .group{width:2.35rem;height:1rem;line-height:1rem;padding-left:.45rem;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}.help .con .group h3{font-size:13px;color:#333;position:relative;height:100%;left:1px}.help .con .group .gro-c{display:none;position:fixed;top:40px;left:2.8rem;right:0px;bottom:0px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #E9E8E8;border-right:0px}.help .con .group .gro-c a{display:block;padding-left:.45rem}.help .con .group .gro-c .title{color:#333;font-size:15px}.help .con .group .gro-c .text{font-size:14px;color:#6f6f6f}.help .con .group.act{background:#fff;border-top:1px solid #E9E8E8;border-bottom:1px solid #E9E8E8}.help .con .group.act h3{z-index:1;background:#fff}.help .con .group.act .gro-c{display:block}.help .detail{background:#fff;padding:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100vh - 40px)}.help .detail .title{font-size:20px;color:#333;margin-bottom:.4rem}.help .detail .text{color:#333;font-size:14px;line-height:28px}.help .icon-liedanbiao{font-size:14px;color:#333;position:relative;top:-1px;left:-10px}\", \"\"]);\n\n// exports\n\n\n//# sourceURL=webpack:///./src/assets/css/help/help.min.css?./node_modules/_css-loader@1.0.1@css-loader??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.9.5@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2"); eval("exports = module.exports = __webpack_require__(/*! ../../../../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js */ \"./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \".help{padding-top:40px}.help .head{height:40px;padding:0 .45rem;color:#333;line-height:40px;position:fixed;top:0px;left:0px;right:0px;-webkit-box-sizing:border-box;box-sizing:border-box}.help .head a{color:#333;margin-right:30px}.help .head i{font-size:20px}.help .con .group{width:2.35rem;height:1rem;line-height:1rem;padding-left:.45rem;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8}.help .con .group h3{font-size:13px;color:#333;position:relative;height:100%;left:1px}.help .con .group .gro-c{display:none;position:fixed;top:40px;left:2.8rem;right:0px;bottom:0px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #E9E8E8;border-right:0px}.help .con .group .gro-c a{display:block;padding-left:.45rem}.help .con .group .gro-c .title{color:#333;font-size:15px;padding-left:.45rem}.help .con .group .gro-c .text{font-size:14px;color:#6f6f6f;height:.7rem;line-height:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help .con .group.act{background:#fff;border-top:1px solid #E9E8E8;border-bottom:1px solid #E9E8E8}.help .con .group.act h3{z-index:1;background:#fff}.help .con .group.act .gro-c{display:block}.help .detail{background:#fff;padding:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100vh - 40px)}.help .detail .title{font-size:20px;color:#333;margin-bottom:.4rem}.help .detail .text{color:#333;font-size:14px;line-height:28px}.help .icon-liedanbiao{font-size:14px;color:#333;position:relative;top:-1px;left:-10px}\", \"\"]);\n\n// exports\n\n\n//# sourceURL=webpack:///./src/assets/css/help/help.min.css?./node_modules/_css-loader@1.0.1@css-loader??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.9.5@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2");
/***/ }), /***/ }),
......
view/app.js
...@@ -4541,7 +4541,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_ ...@@ -4541,7 +4541,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/web.dom.iterable */ \"./node_modules/_core-js@2.6.12@core-js/modules/web.dom.iterable.js\");\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/_vue@2.6.12@vue/dist/vue.runtime.esm.js\");\n/* harmony import */ var vant__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vant */ \"./node_modules/_vant@2.11.2@vant/es/index.js\");\n/* harmony import */ var _api_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../api/index */ \"./src/api/index.js\");\n/* harmony import */ var _util_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../util/index */ \"./src/util/index.js\");\n\n\n\n\n\n\nvar qs = __webpack_require__(/*! qs */ \"./node_modules/_qs@6.9.4@qs/lib/index.js\");\n\nvue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].use(vant__WEBPACK_IMPORTED_MODULE_2__[\"Toast\"]);\nvar state = {\n loading: false,\n list_: [],\n info: \"\"\n};\nvar mutations = {};\nvar actions = {\n getQuestionInfo: function getQuestionInfo(_ref, payload) {\n var commit = _ref.commit;\n state.loading = true;\n var params = {\n id: payload.id\n };\n params = _util_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getParams(params);\n _api_index__WEBPACK_IMPORTED_MODULE_3__[\"services\"].getQuestionInfo(params).then(function (res) {\n state.loading = false;\n var data = res.data;\n\n if (data.err_code == 0) {\n state.info = data.data.question;\n }\n }).catch(function (err) {});\n },\n getHelpCenterCatList: function getHelpCenterCatList(_ref2, payload) {\n var commit = _ref2.commit;\n state.loading = true;\n var hccat_id = payload.hccat_id;\n var params = {};\n params = _util_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getParams(params);\n _api_index__WEBPACK_IMPORTED_MODULE_3__[\"services\"].getHelpCenterCatList(params).then(function (res) {\n state.loading = false;\n var data = res.data;\n\n if (data.err_code == 0) {\n state.list_ = data.data.commonquestion || [];\n state.list_.forEach(function (item) {\n if (item.hccat_id == hccat_id) {\n item.check = true;\n } else {\n item.check = false;\n }\n });\n }\n }).catch(function (err) {});\n }\n};\nvar getters = {};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n state: state,\n mutations: mutations,\n actions: actions,\n getters: getters\n});\n\n//# sourceURL=webpack:///./src/store/modules/help/help.js?"); eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/web.dom.iterable */ \"./node_modules/_core-js@2.6.12@core-js/modules/web.dom.iterable.js\");\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/_vue@2.6.12@vue/dist/vue.runtime.esm.js\");\n/* harmony import */ var vant__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vant */ \"./node_modules/_vant@2.11.2@vant/es/index.js\");\n/* harmony import */ var _api_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../api/index */ \"./src/api/index.js\");\n/* harmony import */ var _util_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../util/index */ \"./src/util/index.js\");\n\n\n\n\n\n\nvar qs = __webpack_require__(/*! qs */ \"./node_modules/_qs@6.9.4@qs/lib/index.js\");\n\nvue__WEBPACK_IMPORTED_MODULE_1__[\"default\"].use(vant__WEBPACK_IMPORTED_MODULE_2__[\"Toast\"]);\nvar state = {\n loading: false,\n list_: [],\n info: \"\"\n};\nvar mutations = {};\nvar actions = {\n getQuestionInfo: function getQuestionInfo(_ref, payload) {\n var commit = _ref.commit;\n state.loading = true;\n var params = {\n id: payload.id\n };\n params = _util_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getParams(params);\n _api_index__WEBPACK_IMPORTED_MODULE_3__[\"services\"].getQuestionInfo(params).then(function (res) {\n state.loading = false;\n var data = res.data;\n\n if (data.err_code == 0) {\n state.info = data.data.question;\n }\n }).catch(function (err) {});\n },\n getHelpCenterCatList: function getHelpCenterCatList(_ref2, payload) {\n var commit = _ref2.commit;\n state.loading = true;\n var hccat_id = payload.hccat_id;\n var params = {};\n params = _util_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getParams(params);\n _api_index__WEBPACK_IMPORTED_MODULE_3__[\"services\"].getHelpCenterCatList(params).then(function (res) {\n state.loading = false;\n var data = res.data;\n\n if (data.err_code == 0) {\n state.list_ = data.data || [];\n state.list_.forEach(function (item) {\n if (item.hccat_id == hccat_id) {\n item.check = true;\n } else {\n item.check = false;\n }\n });\n }\n }).catch(function (err) {});\n }\n};\nvar getters = {};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n state: state,\n mutations: mutations,\n actions: actions,\n getters: getters\n});\n\n//# sourceURL=webpack:///./src/store/modules/help/help.js?");
/***/ }), /***/ }),
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment