| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devise\\users.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devise\\users.vue","mtime":1761185180175},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBnZXRNZW1iZXIsIG1lbWJlclNhdmUgfSBmcm9tICdAL2FwaS9kaXknOw0KaW1wb3J0IHVwbG9hZFBpYyBmcm9tICcuL2NvbXBvbmVudHMvdXBsb2FkUGljJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3VzZXJzJywNCiAgY29tcG9uZW50czogew0KICAgIHVwbG9hZFBpYywNCiAgfSwNCiAgcHJvcHM6IHt9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBzd2lwZXJPcHRpb246IHsNCiAgICAgICAgLy/mmL7npLrliIbpobUNCiAgICAgICAgcGFnaW5hdGlvbjogew0KICAgICAgICAgIGVsOiAnLnN3aXBlci1wYWdpbmF0aW9uJywNCiAgICAgICAgfSwNCiAgICAgICAgLy/oh6rliqjova7mkq0NCiAgICAgICAgYXV0b3BsYXk6IHsNCiAgICAgICAgICBkZWxheTogMjAwMCwNCiAgICAgICAgICAvL+W9k+eUqOaIt+a7keWKqOWbvueJh+WQjue7p+e7reiHquWKqOi9ruaSrQ0KICAgICAgICAgIGRpc2FibGVPbkludGVyYWN0aW9uOiBmYWxzZSwNCiAgICAgICAgfSwNCiAgICAgICAgLy/lvIDlkK/lvqrnjq/mqKHlvI8NCiAgICAgICAgbG9vcDogZmFsc2UsDQogICAgICB9LA0KICAgICAgdXNlckRhdGE6IHsNCiAgICAgICAgbXlfYmFubmVyX3N0YXR1czogdHJ1ZSwNCiAgICAgICAgcm91dGluZV9teV9iYW5uZXI6IFtdLA0KICAgICAgICByb3V0aW5lX215X21lbnVzOiBbXSwNCiAgICAgICAgc3RhdHVzOiAnJywNCiAgICAgICAgb3JkZXJfc3RhdHVzOiAnJywNCiAgICAgICAgbXlfbWVudXNfc3RhdHVzOiAxLA0KICAgICAgICBidXNpbmVzc19zdGF0dXM6IDEsDQogICAgICB9LA0KICAgICAgTXlNZW51czogW3sgcGljOiAnJywgdXJsOiAnJywgbmFtZTogJycsIHNvcnQ6IDEsIHN0YXR1czogMSB9XSwNCiAgICAgIHN0b3JlTWVudTogW3sgcGljOiAnJywgdXJsOiAnJywgbmFtZTogJycsIHNvcnQ6IDEsIHN0YXR1czogMSB9XSwNCiAgICAgIGN1cnJlbnQ6IDEsDQogICAgICBjb2xvclN0eWxlOiAnJywNCiAgICAgIG9yZGVyOiB7fSwNCiAgICAgIG9yZGVyMDE6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3VhbjEnLA0KICAgICAgICBkZmg6ICdpY29uZGFpZmFodW8xJywNCiAgICAgICAgZHNoOiAnaWNvbmRhaXNob3VodW8xJywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWExJywNCiAgICAgICAgc2g6ICdpY29uc2hvdWhvdV90dWlrdWFuJywNCiAgICAgIH0sDQogICAgICBvcmRlcjAyOiB7DQogICAgICAgIGRmazogJ2ljb25kYWlmdWt1YW4tbGFuJywNCiAgICAgICAgZGZoOiAnaWNvbmRhaWZhaHVvLWxhbicsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWxhbicsDQogICAgICAgIGRwajogJ2ljb25kYWlwaW5namlhLWxhbicsDQogICAgICAgIHNoOiAnaWNvbnNob3Vob3UtdHVpa3Vhbi1sYW4nLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDM6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1qdScsDQogICAgICAgIGRmaDogJ2ljb25kYWlmYWh1by1qdScsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWp1JywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtanUnLA0KICAgICAgICBzaDogJ2ljb25zaG91aG91LXR1aWt1YW4tanUnLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDQ6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1mZW4nLA0KICAgICAgICBkZmg6ICdpY29uZGFpZmFodW8tZmVuJywNCiAgICAgICAgZHNoOiAnaWNvbmRhaXNob3VodW8tZmVuJywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtZmVuJywNCiAgICAgICAgc2g6ICdpY29uYS1zaG91aG91dHVpa3Vhbi1mZW4nLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDU6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1sdicsDQogICAgICAgIGRmaDogJ2ljb25kYWlmYWh1by1sdicsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWx2JywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtbHYnLA0KICAgICAgICBzaDogJ2ljb25zaG91aG91LXR1aWt1YW4tbHYnLA0KICAgICAgfSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0SW5mbygpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgY3VycmVudFNob3codHlwZSkgew0KICAgICAgdGhpcy5jdXJyZW50ID0gdHlwZTsNCiAgICB9LA0KICAgIHN3aXRjaE9yZGVyKHN0YXR1cykgew0KICAgICAgc3dpdGNoIChzdGF0dXMpIHsNCiAgICAgICAgY2FzZSAxOg0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDE7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgMjoNCiAgICAgICAgICB0aGlzLm9yZGVyID0gdGhpcy5vcmRlcjAyOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDM6DQogICAgICAgICAgdGhpcy5vcmRlciA9IHRoaXMub3JkZXIwMzsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSA0Og0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDQ7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgNToNCiAgICAgICAgICB0aGlzLm9yZGVyID0gdGhpcy5vcmRlcjA1Ow0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBkZWZhdWx0Og0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDE7DQogICAgICAgICAgYnJlYWs7DQogICAgICB9DQogICAgfSwNCiAgICBvcmRlclN0eWxlKGUpIHsNCiAgICAgIHRoaXMuc3dpdGNoT3JkZXIoZSk7DQogICAgfSwNCiAgICBnZXRJbmZvKCkgew0KICAgICAgbGV0IGdyZWVuID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogIzQyQ0E0RDstLXZpZXctcHJpY2VDb2xvcjojRkY3NjAwOy0tdmlldy1taW5vckNvbG9yOnJnYmEoMTA4LCAxOTgsIDk0LCAwLjUpOy0tdmlldy1taW5vckNvbG9yVDpyZ2JhKDY2LCAyMDIsIDc3LCAwLjEpOy0tdmlldy1ibnRDb2xvcjojRkU5NjBGOyc7DQogICAgICBsZXQgcmVkID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogI2U5MzMyMzstLXZpZXctcHJpY2VDb2xvcjojZTkzMzIzOy0tdmlldy1taW5vckNvbG9yOnJnYmEoMjMzLCA1MSwgMzUsIDAuNSk7LS12aWV3LW1pbm9yQ29sb3JUOnJnYmEoMjMzLCA1MSwgMzUsIDAuMSk7LS12aWV3LWJudENvbG9yOiNGRTk2MEY7JzsNCiAgICAgIGxldCBibHVlID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogIzFEQjBGQzstLXZpZXctcHJpY2VDb2xvcjojRkQ1MDJGOy0tdmlldy1taW5vckNvbG9yOnJnYmEoNTgsIDEzOSwgMjM2LCAwLjUpOy0tdmlldy1taW5vckNvbG9yVDpyZ2JhKDksIDEzOSwgMjQzLCAwLjEpOy0tdmlldy1ibnRDb2xvcjojMjJDQUZEOyc7DQogICAgICBsZXQgcGluayA9DQogICAgICAgICctLXZpZXctdGhlbWU6ICNGRjQ0OEY7LS12aWV3LXByaWNlQ29sb3I6I0ZGNDQ4RjstLXZpZXctbWlub3JDb2xvcjpyZ2JhKDI1NSwgNjgsIDE0MywgMC41KTstLXZpZXctbWlub3JDb2xvclQ6cmdiYSgyNTUsIDY4LCAxNDMsIDAuMSk7LS12aWV3LWJudENvbG9yOiMyODI4Mjg7JzsNCiAgICAgIGxldCBvcmFuZ2UgPQ0KICAgICAgICAnLS12aWV3LXRoZW1lOiAjRkU1QzJEOy0tdmlldy1wcmljZUNvbG9yOiNGRTVDMkQ7LS12aWV3LW1pbm9yQ29sb3I6cmdiYSgyNTQsIDkyLCA0NSwgMC41KTstLXZpZXctbWlub3JDb2xvclQ6cmdiYSgyNTQsIDkyLCA0NSwgMC4xKTstLXZpZXctYm50Q29sb3I6I0ZEQjAwMDsnOw0KICAgICAgZ2V0TWVtYmVyKCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMudXNlckRhdGEuc3RhdHVzID0gcmVzLmRhdGEuc3RhdHVzOw0KICAgICAgICB0aGlzLnVzZXJEYXRhLm9yZGVyX3N0YXR1cyA9IHJlcy5kYXRhLm9yZGVyX3N0YXR1czsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5teV9iYW5uZXJfc3RhdHVzID0gcmVzLmRhdGEubXlfYmFubmVyX3N0YXR1czsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5teV9tZW51c19zdGF0dXMgPSByZXMuZGF0YS5teV9tZW51c19zdGF0dXMgfHwgMTsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5idXNpbmVzc19zdGF0dXMgPSByZXMuZGF0YS5idXNpbmVzc19zdGF0dXMgfHwgMTsNCiAgICAgICAgbGV0IHN0b3JlTWVudSA9IFtdOw0KICAgICAgICBsZXQgbXlNZW51ID0gW107DQogICAgICAgIHRoaXMuc3dpdGNoT3JkZXIocmVzLmRhdGEub3JkZXJfc3RhdHVzKTsNCiAgICAgICAgc3dpdGNoIChyZXMuZGF0YS5jb2xvcl9jaGFuZ2UpIHsNCiAgICAgICAgICBjYXNlIDE6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSBibHVlOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAyOg0KICAgICAgICAgICAgdGhpcy5jb2xvclN0eWxlID0gZ3JlZW47DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlIDM6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSByZWQ7DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlIDQ6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSBwaW5rOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA1Og0KICAgICAgICAgICAgdGhpcy5jb2xvclN0eWxlID0gb3JhbmdlOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgZGVmYXVsdDoNCiAgICAgICAgICAgIHRoaXMuY29sb3JTdHlsZSA9IHJlZDsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICB9DQogICAgICAgIHJlcy5kYXRhLnJvdXRpbmVfbXlfYmFubmVyLmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgaWYgKGVsLnBpYy5sZW5ndGgpIHsNCiAgICAgICAgICAgIGVsLnBpYyA9IGVsLnBpY1swXTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgICBpZiAocmVzLmRhdGEucm91dGluZV9teV9iYW5uZXIubGVuZ3RoKSB7DQogICAgICAgICAgdGhpcy51c2VyRGF0YS5yb3V0aW5lX215X2Jhbm5lciA9IHJlcy5kYXRhLnJvdXRpbmVfbXlfYmFubmVyOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMudXNlckRhdGEucm91dGluZV9teV9iYW5uZXIgPSBbXTsNCiAgICAgICAgfQ0KICAgICAgICByZXMuZGF0YS5yb3V0aW5lX215X21lbnVzLmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgaWYgKGVsLnBpYy5sZW5ndGgpIHsNCiAgICAgICAgICAgIGVsLnBpYyA9IGVsLnBpY1swXTsNCiAgICAgICAgICB9DQogICAgICAgICAgaWYgKA0KICAgICAgICAgICAgZWwudXJsID09ICcvcGFnZXMvYWRtaW4vb3JkZXIvaW5kZXgnIHx8DQogICAgICAgICAgICBlbC51cmwgPT0gJy9wYWdlcy9hZG1pbi9vcmRlcl9jYW5jZWxsYXRpb24vaW5kZXgnIHx8DQogICAgICAgICAgICBlbC5uYW1lID09ICflrqLmnI3mjqXlvoUnDQogICAgICAgICAgKSB7DQogICAgICAgICAgICBzdG9yZU1lbnUucHVzaChlbCk7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIG15TWVudS5wdXNoKGVsKTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgICBpZiAobXlNZW51Lmxlbmd0aCkgew0KICAgICAgICAgIHRoaXMuTXlNZW51cyA9IG15TWVudTsNCiAgICAgICAgfQ0KICAgICAgICBpZiAoc3RvcmVNZW51Lmxlbmd0aCkgew0KICAgICAgICAgIHRoaXMuc3RvcmVNZW51ID0gc3RvcmVNZW51Ow0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIG9uU3VibWl0KCkgew0KICAgICAgdGhpcy51c2VyRGF0YS5yb3V0aW5lX215X21lbnVzID0gdGhpcy5NeU1lbnVzLmNvbmNhdCh0aGlzLnN0b3JlTWVudSk7DQogICAgICB0aGlzLiRlbWl0KCdwYXJlbnRGdW4nLCB0cnVlKTsNCiAgICAgIG1lbWJlclNhdmUodGhpcy51c2VyRGF0YSkNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJGVtaXQoJ3BhcmVudEZ1bicsIGZhbHNlKTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgICB0aGlzLiRlbWl0KCdwYXJlbnRGdW4nLCBmYWxzZSk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["users.vue"],"names":[],"mappings":";AAuPA;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"users.vue","sourceRoot":"src/pages/setting/devise","sourcesContent":["<template>\r\n <div class=\"users\">\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"h100\">\r\n <div class=\"acea-row row-top no-warp\">\r\n <div class=\"left\" :style=\"colorStyle\">\r\n <div class=\"header\" :class=\"{ bgColor: userData.status == 3, solid: current == 1 }\" @click=\"currentShow(1)\">\r\n <div class=\"top acea-row row-between-wrapper\">\r\n <div class=\"picTxt acea-row row-middle\">\r\n <div class=\"pictrue\">\r\n <img src=\"../../../assets/images/f.png\" />\r\n </div>\r\n <div class=\"txt\">\r\n <div class=\"name\">用户名称用户名称</div>\r\n <div class=\"phone acea-row row-center-wrapper\">\r\n 绑定手机号<span class=\"iconfont iconjinru\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"acea-row row-middle\">\r\n <div class=\"news\">\r\n <span class=\"iconfont icons-kefu\"></span>\r\n <div class=\"num\">6</div>\r\n </div>\r\n <span class=\"iconfont iconshezhi\"></span>\r\n </div>\r\n </div>\r\n <div class=\"center acea-row row-around\">\r\n <div class=\"item\">\r\n <div class=\"num\">0.00</div>\r\n <div class=\"font\">我的余额</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"num\">65749</div>\r\n <div class=\"font\">当前积分</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"num\">25</div>\r\n <div class=\"font\">优惠券</div>\r\n </div>\r\n </div>\r\n <div class=\"bottom acea-row row-between-wrapper\" v-if=\"userData.status == 1\">\r\n <div>会员到期 2022-12-31</div>\r\n <div class=\"renew\">立即续费<span class=\"iconfont iconjinru\"></span></div>\r\n </div>\r\n <div class=\"bottomB acea-row row-between\" v-if=\"userData.status == 3\">\r\n <div class=\"vip\"><img src=\"../../../assets/images/member01.png\" />开通会员VIP</div>\r\n <div>会员可享多项权益<span class=\"iconfont iconjinru\"></span></div>\r\n </div>\r\n </div>\r\n <div class=\"member acea-row row-between-wrapper\" v-if=\"userData.status == 2\">\r\n <div class=\"text\">\r\n <div class=\"title\">会员可享多项权益</div>\r\n <div>会员剩余360天</div>\r\n </div>\r\n <div class=\"bnt\">立即续费</div>\r\n </div>\r\n <div class=\"orderCenter on dotted p-y-15\" :class=\"current == 4 ? 'solid' : ''\" v-db-click @click=\"currentShow(4)\">\r\n <div class=\"title acea-row row-between-wrapper\">\r\n <div>订单中心</div>\r\n <div class=\"all\">查看全部<span class=\"iconfont iconjinru\"></span></div>\r\n </div>\r\n <div class=\"list acea-row row-around\">\r\n <div class=\"item\">\r\n <div class=\"iconfont\" :class=\"order.dfk\"></div>\r\n <div>待付款</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"iconfont\" :class=\"order.dfh\"></div>\r\n <div>待发货</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"iconfont\" :class=\"order.dsh\"></div>\r\n <div>待收货</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"iconfont\" :class=\"order.dpj\"></div>\r\n <div>待评价</div>\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"iconfont\" :class=\"order.sh\"></div>\r\n <div>售后/退款</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"carousel dotted\" :class=\"current == 5 ? 'solid' : ''\" v-db-click @click=\"currentShow(5)\">\r\n <swiper :options=\"swiperOption\" class=\"swiperimg\" v-if=\"userData.routine_my_banner.length\">\r\n <swiper-slide class=\"swiperimg\" v-for=\"(item, index) in userData.routine_my_banner\" :key=\"index\">\r\n <img :src=\"item.pic\" />\r\n </swiper-slide>\r\n <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n </swiper>\r\n <div v-else class=\"default\">暂无广告数据</div>\r\n </div>\r\n <div\r\n class=\"orderCenter service dotted\"\r\n :class=\"current == 2 ? 'solid' : ''\"\r\n v-db-click\r\n @click=\"currentShow(2)\"\r\n >\r\n <div class=\"title acea-row row-between-wrapper\" v-if=\"userData.my_menus_status == 1\">\r\n <div>我的服务</div>\r\n </div>\r\n <div class=\"list acea-row\" v-if=\"userData.my_menus_status == 1\">\r\n <div class=\"item\" v-for=\"(item, index) in MyMenus\" :key=\"index\" v-if=\"item.pic\">\r\n <div class=\"pictrue\">\r\n <img :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n <span class=\"iconfont icontupian1\" v-else></span>\r\n </div>\r\n <div>{{ item.name ? item.name : '服务名称' }}</div>\r\n </div>\r\n </div>\r\n <div class=\"list-2\" v-else-if=\"userData.my_menus_status == 2\">\r\n <div class=\"acea-row row-middle item\" v-for=\"(item, index) in MyMenus\" :key=\"index\" v-if=\"item.pic\">\r\n <img class=\"pictrue\" :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n <span class=\"iconfont icontupian1\" v-else></span>\r\n <div class=\"name\">{{ item.name ? item.name : '服务名称' }}</div>\r\n <i class=\"el-icon-arrow-right\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"orderCenter service dotted\"\r\n :class=\"current == 3 ? 'solid' : ''\"\r\n v-db-click\r\n @click=\"currentShow(3)\"\r\n >\r\n <div class=\"title acea-row row-between-wrapper\" v-if=\"userData.business_status == 1\">\r\n <div>商家管理</div>\r\n </div>\r\n <div class=\"list acea-row\" v-if=\"userData.business_status == 1\">\r\n <div class=\"item\" v-for=\"(item, index) in storeMenu\" :key=\"index\" v-if=\"item.pic\">\r\n <div class=\"pictrue\">\r\n <img :src=\"item.pic\" />\r\n </div>\r\n <div>{{ item.name }}</div>\r\n </div>\r\n </div>\r\n <div class=\"list-2\" v-else-if=\"userData.business_status == 2\">\r\n <div class=\"acea-row row-middle item\" v-for=\"(item, index) in storeMenu\" :key=\"index\" v-if=\"item.pic\">\r\n <img class=\"pictrue\" :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n <span class=\"iconfont icontupian1\" v-else></span>\r\n <div class=\"name\">{{ item.name ? item.name : '服务名称' }}</div>\r\n <i class=\"el-icon-arrow-right\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"title\">页面设置</div>\r\n <div class=\"c_row-item\" v-if=\"current == 1\">\r\n <el-col class=\"label\" :span=\"4\"> 页面风格: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <el-radio-group v-model=\"userData.status\">\r\n <el-radio :label=\"1\">\r\n <span>样式1</span>\r\n </el-radio>\r\n <el-radio :label=\"2\">\r\n <span>样式2</span>\r\n </el-radio>\r\n <el-radio :label=\"3\">\r\n <span>样式3</span>\r\n </el-radio>\r\n </el-radio-group>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item\" v-if=\"current == 4\">\r\n <el-col class=\"label\" :span=\"4\"> 订单中心: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <el-radio-group v-model=\"userData.order_status\" @input=\"orderStyle\">\r\n <el-radio :label=\"1\">\r\n <span>样式1</span>\r\n </el-radio>\r\n <el-radio :label=\"2\">\r\n <span>样式2</span>\r\n </el-radio>\r\n <el-radio :label=\"3\">\r\n <span>样式3</span>\r\n </el-radio>\r\n <el-radio :label=\"4\">\r\n <span>样式4</span>\r\n </el-radio>\r\n <el-radio :label=\"5\">\r\n <span>样式5</span>\r\n </el-radio>\r\n </el-radio-group>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item\" v-if=\"current == 2\">\r\n <el-col class=\"label\" :span=\"4\"> 我的服务: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <el-radio-group v-model=\"userData.my_menus_status\">\r\n <el-radio :label=\"1\">\r\n <span>样式1</span>\r\n </el-radio>\r\n <el-radio :label=\"2\">\r\n <span>样式2</span>\r\n </el-radio>\r\n </el-radio-group>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item\" v-if=\"current == 3\">\r\n <el-col class=\"label\" :span=\"4\"> 商家服务: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <el-radio-group v-model=\"userData.business_status\" >\r\n <el-radio :label=\"1\">\r\n <span>样式1</span>\r\n </el-radio>\r\n <el-radio :label=\"2\">\r\n <span>样式2</span>\r\n </el-radio>\r\n </el-radio-group>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item acea-row row-top\" v-if=\"current == 5\">\r\n <el-col class=\"label\" :span=\"4\"> 广告位: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <el-switch\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"userData.my_banner_status\"\r\n style=\"margin-bottom: 12px\"\r\n />\r\n <div class=\"info\">建议尺寸:375 * 65px,拖拽图片可调整图片显示顺序哦,最多添加五张</div>\r\n <uploadPic :listData=\"userData.routine_my_banner\" :type=\"5\"></uploadPic>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item acea-row row-top\" v-if=\"current == 2\">\r\n <el-col class=\"label\" :span=\"4\"> 我的服务: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <div class=\"info\">建议尺寸:86 * 86px,拖拽图片可调整图片显示顺序哦</div>\r\n <uploadPic :listData=\"MyMenus\" :type=\"2\"></uploadPic>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item acea-row row-top\" v-if=\"current == 3\">\r\n <el-col class=\"label\" :span=\"4\"> 商家管理: </el-col>\r\n <el-col :span=\"20\" class=\"slider-box\">\r\n <div class=\"info\">建议尺寸:86 * 86px,拖拽图片可调整图片显示顺序哦,最多添加五张</div>\r\n <uploadPic :listData=\"storeMenu\" :type=\"1\"></uploadPic>\r\n </el-col>\r\n </div>\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getMember, memberSave } from '@/api/diy';\r\nimport uploadPic from './components/uploadPic';\r\nexport default {\r\n name: 'users',\r\n components: {\r\n uploadPic,\r\n },\r\n props: {},\r\n data() {\r\n return {\r\n swiperOption: {\r\n //显示分页\r\n pagination: {\r\n el: '.swiper-pagination',\r\n },\r\n //自动轮播\r\n autoplay: {\r\n delay: 2000,\r\n //当用户滑动图片后继续自动轮播\r\n disableOnInteraction: false,\r\n },\r\n //开启循环模式\r\n loop: false,\r\n },\r\n userData: {\r\n my_banner_status: true,\r\n routine_my_banner: [],\r\n routine_my_menus: [],\r\n status: '',\r\n order_status: '',\r\n my_menus_status: 1,\r\n business_status: 1,\r\n },\r\n MyMenus: [{ pic: '', url: '', name: '', sort: 1, status: 1 }],\r\n storeMenu: [{ pic: '', url: '', name: '', sort: 1, status: 1 }],\r\n current: 1,\r\n colorStyle: '',\r\n order: {},\r\n order01: {\r\n dfk: 'icondaifukuan1',\r\n dfh: 'icondaifahuo1',\r\n dsh: 'icondaishouhuo1',\r\n dpj: 'icondaipingjia1',\r\n sh: 'iconshouhou_tuikuan',\r\n },\r\n order02: {\r\n dfk: 'icondaifukuan-lan',\r\n dfh: 'icondaifahuo-lan',\r\n dsh: 'icondaishouhuo-lan',\r\n dpj: 'icondaipingjia-lan',\r\n sh: 'iconshouhou-tuikuan-lan',\r\n },\r\n order03: {\r\n dfk: 'icondaifukuan-ju',\r\n dfh: 'icondaifahuo-ju',\r\n dsh: 'icondaishouhuo-ju',\r\n dpj: 'icondaipingjia-ju',\r\n sh: 'iconshouhou-tuikuan-ju',\r\n },\r\n order04: {\r\n dfk: 'icondaifukuan-fen',\r\n dfh: 'icondaifahuo-fen',\r\n dsh: 'icondaishouhuo-fen',\r\n dpj: 'icondaipingjia-fen',\r\n sh: 'icona-shouhoutuikuan-fen',\r\n },\r\n order05: {\r\n dfk: 'icondaifukuan-lv',\r\n dfh: 'icondaifahuo-lv',\r\n dsh: 'icondaishouhuo-lv',\r\n dpj: 'icondaipingjia-lv',\r\n sh: 'iconshouhou-tuikuan-lv',\r\n },\r\n };\r\n },\r\n created() {\r\n this.getInfo();\r\n },\r\n methods: {\r\n currentShow(type) {\r\n this.current = type;\r\n },\r\n switchOrder(status) {\r\n switch (status) {\r\n case 1:\r\n this.order = this.order01;\r\n break;\r\n case 2:\r\n this.order = this.order02;\r\n break;\r\n case 3:\r\n this.order = this.order03;\r\n break;\r\n case 4:\r\n this.order = this.order04;\r\n break;\r\n case 5:\r\n this.order = this.order05;\r\n break;\r\n default:\r\n this.order = this.order01;\r\n break;\r\n }\r\n },\r\n orderStyle(e) {\r\n this.switchOrder(e);\r\n },\r\n getInfo() {\r\n let green =\r\n '--view-theme: #42CA4D;--view-priceColor:#FF7600;--view-minorColor:rgba(108, 198, 94, 0.5);--view-minorColorT:rgba(66, 202, 77, 0.1);--view-bntColor:#FE960F;';\r\n let red =\r\n '--view-theme: #e93323;--view-priceColor:#e93323;--view-minorColor:rgba(233, 51, 35, 0.5);--view-minorColorT:rgba(233, 51, 35, 0.1);--view-bntColor:#FE960F;';\r\n let blue =\r\n '--view-theme: #1DB0FC;--view-priceColor:#FD502F;--view-minorColor:rgba(58, 139, 236, 0.5);--view-minorColorT:rgba(9, 139, 243, 0.1);--view-bntColor:#22CAFD;';\r\n let pink =\r\n '--view-theme: #FF448F;--view-priceColor:#FF448F;--view-minorColor:rgba(255, 68, 143, 0.5);--view-minorColorT:rgba(255, 68, 143, 0.1);--view-bntColor:#282828;';\r\n let orange =\r\n '--view-theme: #FE5C2D;--view-priceColor:#FE5C2D;--view-minorColor:rgba(254, 92, 45, 0.5);--view-minorColorT:rgba(254, 92, 45, 0.1);--view-bntColor:#FDB000;';\r\n getMember().then((res) => {\r\n this.userData.status = res.data.status;\r\n this.userData.order_status = res.data.order_status;\r\n this.userData.my_banner_status = res.data.my_banner_status;\r\n this.userData.my_menus_status = res.data.my_menus_status || 1;\r\n this.userData.business_status = res.data.business_status || 1;\r\n let storeMenu = [];\r\n let myMenu = [];\r\n this.switchOrder(res.data.order_status);\r\n switch (res.data.color_change) {\r\n case 1:\r\n this.colorStyle = blue;\r\n break;\r\n case 2:\r\n this.colorStyle = green;\r\n break;\r\n case 3:\r\n this.colorStyle = red;\r\n break;\r\n case 4:\r\n this.colorStyle = pink;\r\n break;\r\n case 5:\r\n this.colorStyle = orange;\r\n break;\r\n default:\r\n this.colorStyle = red;\r\n break;\r\n }\r\n res.data.routine_my_banner.forEach((el, index, arr) => {\r\n if (el.pic.length) {\r\n el.pic = el.pic[0];\r\n }\r\n });\r\n if (res.data.routine_my_banner.length) {\r\n this.userData.routine_my_banner = res.data.routine_my_banner;\r\n } else {\r\n this.userData.routine_my_banner = [];\r\n }\r\n res.data.routine_my_menus.forEach((el, index, arr) => {\r\n if (el.pic.length) {\r\n el.pic = el.pic[0];\r\n }\r\n if (\r\n el.url == '/pages/admin/order/index' ||\r\n el.url == '/pages/admin/order_cancellation/index' ||\r\n el.name == '客服接待'\r\n ) {\r\n storeMenu.push(el);\r\n } else {\r\n myMenu.push(el);\r\n }\r\n });\r\n if (myMenu.length) {\r\n this.MyMenus = myMenu;\r\n }\r\n if (storeMenu.length) {\r\n this.storeMenu = storeMenu;\r\n }\r\n });\r\n },\r\n onSubmit() {\r\n this.userData.routine_my_menus = this.MyMenus.concat(this.storeMenu);\r\n this.$emit('parentFun', true);\r\n memberSave(this.userData)\r\n .then((res) => {\r\n this.$emit('parentFun', false);\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n this.$emit('parentFun', false);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n/* 定义滑块 内阴影+圆角 */\r\n::-webkit-scrollbar-thumb {\r\n -webkit-box-shadow: inset 0 0 0px #ddd;\r\n}\r\n::-webkit-scrollbar {\r\n width: 4px !important; /* 对垂直流动条有效 */\r\n}\r\n.default {\r\n background-color: #fff;\r\n text-align: center;\r\n height: 50px;\r\n line-height: 50px;\r\n border-radius: 8px;\r\n}\r\n.bgColor {\r\n background-color: unset !important;\r\n .top {\r\n .picTxt {\r\n .txt {\r\n .name {\r\n color: #333 !important;\r\n }\r\n .phone {\r\n color: rgba(51, 51, 51, 0.8) !important;\r\n background-color: rgba(51, 51, 51, 0.13) !important;\r\n }\r\n }\r\n }\r\n .news {\r\n .iconfont {\r\n color: #333 !important;\r\n }\r\n .num {\r\n background-color: var(--view-theme) !important;\r\n color: #fff !important;\r\n }\r\n }\r\n .iconshezhi {\r\n color: #333 !important;\r\n }\r\n }\r\n .center {\r\n color: rgba(51, 51, 51, 0.7) !important;\r\n .num {\r\n color: #333 !important;\r\n }\r\n }\r\n}\r\n.dotted {\r\n border: 1px dashed #2d8cf0;\r\n cursor: pointer;\r\n}\r\n.solid {\r\n border: 1px solid #2d8cf0 !important;\r\n}\r\n.c_row-item {\r\n .slider-box {\r\n .info {\r\n font-size: 13px;\r\n color: #999999;\r\n }\r\n }\r\n}\r\n.bottomB {\r\n width: 337px;\r\n height: 62px;\r\n background: #343a48;\r\n border-radius: 8px 8px 0px 0px;\r\n padding: 11px 15px 0 15px;\r\n margin: 10px auto 0 auto;\r\n color: #bbbbbb;\r\n font-size: 13px;\r\n z-index: 0;\r\n position: relative;\r\n .iconfont {\r\n font-size: 11px;\r\n }\r\n .vip {\r\n font-size: 13px;\r\n font-weight: bold;\r\n color: #f8d5a8;\r\n\r\n img {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n margin-right: 9px;\r\n }\r\n }\r\n}\r\n.member {\r\n background-image: url('../../../assets/images/user_vip.png');\r\n background-repeat: no-repeat;\r\n background-position-y: center;\r\n background-size: 100%;\r\n width: 334px;\r\n height: 48px;\r\n margin: -42px auto 0 auto;\r\n position: relative;\r\n z-index: 9;\r\n margin-bottom: 13px;\r\n padding: 0 20px 0 52px;\r\n .text {\r\n color: rgba(174, 90, 42, 0.8);\r\n font-size: 12px;\r\n .title {\r\n font-size: 12px;\r\n }\r\n }\r\n .bnt {\r\n width: 70px;\r\n height: 23px;\r\n background-color: #fff;\r\n border-radius: 14px;\r\n color: #ae5a2a;\r\n text-align: center;\r\n line-height: 26px;\r\n font-size: 12px;\r\n }\r\n}\r\n.carousel {\r\n margin: 10px 18px 0 18px;\r\n .swiperimg {\r\n width: 100%;\r\n height: 63px;\r\n border-radius: 8px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 8px;\r\n }\r\n }\r\n}\r\n.swiper-pagination-fraction,\r\n.swiper-pagination-custom,\r\n.swiper-container-horizontal > .swiper-pagination-bullets {\r\n bottom: 2px;\r\n}\r\n::v-deep .swiper-pagination-bullet {\r\n width: 4px;\r\n height: 4px;\r\n}\r\n::v-deep .swiper-pagination-bullet-active {\r\n background: #fff;\r\n}\r\n.users {\r\n // 隐藏滚动条\r\n .left::-webkit-scrollbar {\r\n display: none;\r\n }\r\n .left {\r\n background: #f7f7f7;\r\n width: 375px;\r\n min-width: 375px;\r\n height: 690px;\r\n padding-bottom: 1px;\r\n border-radius: 10px;\r\n margin-right: 30px;\r\n border: 1px solid #eee;\r\n overflow-y: scroll;\r\n .header {\r\n background-color: var(--view-theme);\r\n background-image: url('../../../assets/images/user01.png');\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n width: 100%;\r\n height: 150px;\r\n position: relative;\r\n margin-bottom: 14px;\r\n .top {\r\n padding: 19px 20px 0 20px;\r\n .picTxt {\r\n .pictrue {\r\n width: 35px;\r\n height: 35px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n }\r\n }\r\n .txt {\r\n .name {\r\n font-size: 12px;\r\n color: #fff;\r\n font-weight: 600;\r\n\r\n img {\r\n width: 40px;\r\n height: 15px;\r\n margin-left: 7px;\r\n vertical-align: middle;\r\n }\r\n }\r\n .phone {\r\n width: 86px;\r\n height: 21px;\r\n border-radius: 13px;\r\n background-color: rgba(16, 55, 72, 0.2);\r\n font-size: 11px;\r\n color: #fff;\r\n margin-top: 4px;\r\n .iconfont {\r\n font-size: 11px;\r\n }\r\n }\r\n }\r\n }\r\n .news {\r\n position: relative;\r\n margin-right: 18px;\r\n .iconfont {\r\n font-size: 22px;\r\n color: #fff;\r\n }\r\n .num {\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n background: #ffffff;\r\n border-radius: 50%;\r\n font-size: 9px;\r\n color: var(--view-theme);\r\n text-align: center;\r\n line-height: 14px;\r\n top: 3px;\r\n right: -4px;\r\n }\r\n }\r\n .iconshezhi {\r\n font-size: 22px;\r\n color: #fff;\r\n }\r\n }\r\n .center {\r\n text-align: center;\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-top: 9px;\r\n .num {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: rgba(255, 255, 255, 1);\r\n }\r\n .font {\r\n font-size: 13px;\r\n }\r\n .item {\r\n & ~ .item {\r\n position: relative;\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n width: 1px;\r\n height: 14px;\r\n background-color: rgba(255, 255, 255, 0.3);\r\n left: -36px;\r\n top: 50%;\r\n margin-top: -7px;\r\n }\r\n }\r\n }\r\n }\r\n .bottom {\r\n background-image: url('../../../assets/images/member.png');\r\n width: 355px;\r\n height: 34px;\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n position: absolute;\r\n bottom: -1px;\r\n padding: 5px 20px 0 55px;\r\n font-size: 13px;\r\n color: #905100;\r\n right: 8px;\r\n .renew {\r\n font-size: 12px;\r\n .iconjinru {\r\n font-size: 11px;\r\n }\r\n }\r\n }\r\n }\r\n .orderCenter {\r\n background: #ffffff;\r\n border-radius: 8px;\r\n margin: 0 18px 10px 18px;\r\n text-align: center;\r\n &.on {\r\n position: relative;\r\n margin-top: -5px;\r\n }\r\n .title {\r\n padding: 0 15px;\r\n font-size: 13px;\r\n color: #282828;\r\n font-weight: 600px;\r\n .all {\r\n font-size: 12px;\r\n color: #666666;\r\n .iconfont {\r\n font-size: 12px;\r\n margin-left: 2px;\r\n }\r\n }\r\n }\r\n .list {\r\n margin-top: 10px;\r\n .item {\r\n font-size: 12px;\r\n color: #454545;\r\n .iconfont {\r\n font-size: 20px;\r\n color: var(--view-theme);\r\n }\r\n }\r\n }\r\n &.service {\r\n margin-top: 10px;\r\n .title {\r\n padding-top: 15px;\r\n }\r\n .list {\r\n .item {\r\n width: 25%;\r\n margin-bottom: 10px;\r\n .pictrue {\r\n width: 23px;\r\n height: 23px;\r\n margin: 0 auto 8px auto;\r\n font-size: 12px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n }\r\n .list-2 {\r\n .item {\r\n display: flex;\r\n padding: 14px 10px 14px 16px;\r\n .pictrue {\r\n width: 23px;\r\n height: 23px;\r\n font-size: 12px;\r\n margin-right: 8px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .name {\r\n flex: 1;\r\n font-size: 14px;\r\n color: #333;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .right {\r\n width: 540px;\r\n ::v-deep .ivu-radio-wrapper {\r\n font-size: 13px;\r\n margin-right: 20px;\r\n }\r\n .title {\r\n font-size: 14px;\r\n color: rgba(0, 0, 0, 0.85);\r\n position: relative;\r\n font-weight: bold;\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n width: 2px;\r\n height: 14px;\r\n background: var(--prev-color-primary);\r\n top: 50%;\r\n margin-top: -7px;\r\n left: -8px;\r\n }\r\n }\r\n .c_row-item {\r\n margin-top: 24px;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|