| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_userInfor.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_userInfor.vue","mtime":1761614938974},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwTXV0YXRpb25zIH0gZnJvbSAndnVleCc7DQovLyBpbXBvcnQgdGhlbWUgZnJvbSAiQC9taXhpbnMvdGhlbWUiOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnaG9tZV91c2VySW5mb3InLA0KICBjbmFtZTogJ+eUqOaIt+S/oeaBrycsDQogIGNvbmZpZ05hbWU6ICdjX3VzZXJJbmZvcicsDQogIGljb246ICcjaWNvbnp1amlhbi15b25naHV4aW54aScsDQogIHR5cGU6IDAsIC8vIDAg5Z+656GA57uE5Lu2IDEg6JCl6ZSA57uE5Lu2IDLlt6Xlhbfnu4Tku7YNCiAgZGVmYXVsdE5hbWU6ICd1c2VySW5mb3InLCAvLyDlpJbpnaLljLnphY3lkI3np7ANCiAgcHJvcHM6IHsNCiAgICBpbmRleDogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICAgIG51bTogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICAgIGNvbG9yU3R5bGU6IHsNCiAgICAgIHR5cGU6IG51bGwsDQogICAgfSwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBTdGF0ZSgnbW9iaWxkQ29uZmlnJywgWydkZWZhdWx0QXJyYXknXSksDQogIH0sDQogIHdhdGNoOiB7DQogICAgcGFnZURhdGE6IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICB0aGlzLnNldENvbmZpZyhuVmFsKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogICAgbnVtOiB7DQogICAgICBoYW5kbGVyKG5WYWwsIG9WYWwpIHsNCiAgICAgICAgbGV0IGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W25WYWxdOw0KICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogICAgZGVmYXVsdEFycmF5OiB7DQogICAgICBoYW5kbGVyKG5WYWwsIG9WYWwpIHsNCiAgICAgICAgbGV0IGRhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWcuZGVmYXVsdEFycmF5W3RoaXMubnVtXTsNCiAgICAgICAgdGhpcy5zZXRDb25maWcoZGF0YSk7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICAvLyBtaXhpbnM6IFt0aGVtZV0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIOm7mOiupOWIneWni+WMluaVsOaNruemgeatouS/ruaUuQ0KICAgICAgZGVmYXVsdENvbmZpZzogew0KICAgICAgICBjbmFtZTogJ+eUqOaIt+S/oeaBrycsDQogICAgICAgIG5hbWU6ICd1c2VySW5mb3InLA0KICAgICAgICB0aW1lc3RhbXA6IHRoaXMubnVtLA0KICAgICAgICBpc0hpZGU6IGZhbHNlLA0KICAgICAgICBzZXRVcDogew0KICAgICAgICAgIHRhYlZhbDogMCwNCiAgICAgICAgfSwNCiAgICAgICAgdGl0bGVMZWZ0OiAn5bGV56S66K6+572uJywNCiAgICAgICAgdGl0bGVJbWc6ICfpu5jorqTlpLTlg48nLA0KICAgICAgICB0aXRsZVJpZ2h0OiAn6L+b5bqm5p2hJywNCiAgICAgICAgdGl0bGVDdXJyZW5jeTogJ+mAmueUqOagt+W8jycsDQogICAgICAgIHN0eWxlQ29uZmlnOiB7DQogICAgICAgICAgdGl0bGU6ICfpgInmi6npo47moLwnLA0KICAgICAgICAgIHRhYlZhbDogMSwNCiAgICAgICAgICB0YWJMaXN0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfmoLflvI/kuIAnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+agt+W8j+S6jCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGNoZWNrYm94SW5mbzogew0KICAgICAgICAgIHRpdGxlOiAn5piv5ZCm5bGV56S6JywNCiAgICAgICAgICBuYW1lOiAnY2hlY2tib3hJbmZvJywNCiAgICAgICAgICB1c2VyVHlwZTogMSwNCiAgICAgICAgICB0eXBlOiBbMSwgMl0sDQogICAgICAgICAgbGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpZDogMSwNCiAgICAgICAgICAgICAgbmFtZTogJ+enr+WIhicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpZDogMiwNCiAgICAgICAgICAgICAgbmFtZTogJ+S9meminScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpZDogNCwNCiAgICAgICAgICAgICAgbmFtZTogJ+aUtuiXjycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpZDogMCwNCiAgICAgICAgICAgICAgbmFtZTogJ+S8mOaDoOWIuCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpZDogNSwNCiAgICAgICAgICAgICAgbmFtZTogJ+a1j+iniCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIGxvZ29Db25maWc6IHsNCiAgICAgICAgICBpbmZvOiAn5bu66K6u77ya5Zu+54mH5bC65a+4OTBweCAqIDkwcHgnLA0KICAgICAgICAgIHVybDogJycsDQogICAgICAgICAgdHlwZTogJ2NvZGUnLA0KICAgICAgICAgIGRlbFR5cGU6IDEsDQogICAgICAgICAgbmFtZTogJ+S4iuS8oOWbvueJhycsDQogICAgICAgIH0sDQogICAgICAgIHRvbmVDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+iJsuiwgycsDQogICAgICAgICAgdGFiVmFsOiAwLA0KICAgICAgICAgIHRhYkxpc3Q6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+i3n+maj+S4u+mimOmjjuagvCcsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn6Ieq5a6a5LmJJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgcHJvZ3Jlc3NDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn6L+b5bqm5p2hJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZTkzMzIzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmY4OTMzJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2U5MzMyMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2ZmODkzMycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHByb2dyZXNzQmdDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn6L+b5bqm5p2h6IOM5pmvJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjRUVFRUVFJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI0VFRUVFRScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIG1vZHVsZUNvbG9yOiB7DQogICAgICAgICAgdGl0bGU6ICfnu4Tku7bog4zmma8nLA0KICAgICAgICAgIGRlZmF1bHQ6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgaXRlbTogJyNmZmYnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIGNvbG9yOiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZmJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZmJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfSwNCiAgICAgICAgYm90dG9tQmdDb2xvcjogew0KICAgICAgICAgIHRpdGxlOiAn5bqV6YOo6IOM5pmvJywNCiAgICAgICAgICBkZWZhdWx0OiBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIGl0ZW06ICcjZmZmJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICBjb2xvcjogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBpdGVtOiAnI2ZmZicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICAgIHRvcENvbmZpZzogew0KICAgICAgICAgIHRpdGxlOiAn5LiK6L656LedJywNCiAgICAgICAgICB2YWw6IDAsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICB9LA0KICAgICAgICBib3R0b21Db25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+S4i+i+uei3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgcHJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+W3puWPs+i+uei3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgbWJDb25maWc6IHsNCiAgICAgICAgICB0aXRsZTogJ+mhtemdoumXtOi3nScsDQogICAgICAgICAgdmFsOiAwLA0KICAgICAgICAgIG1pbjogMCwNCiAgICAgICAgfSwNCiAgICAgICAgZmlsbGV0OiB7DQogICAgICAgICAgdGl0bGU6ICfog4zmma/lnIbop5InLA0KICAgICAgICAgIHR5cGU6IDAsDQogICAgICAgICAgbGlzdDogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB2YWw6ICflhajpg6gnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmNhb3p1by16aGVuZ3RpJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIHZhbDogJ+WNleS4qicsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2FvenVvLWJpYW5qaWFvJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgICB2YWxOYW1lOiAn5ZyG6KeS5YC8JywNCiAgICAgICAgICB2YWw6IDAsDQogICAgICAgICAgbWluOiAwLA0KICAgICAgICAgIHZhbExpc3Q6IFt7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9LCB7IHZhbDogMCB9XSwNCiAgICAgICAgfSwNCiAgICAgIH0sDQogICAgICBwYWdlRGF0YToge30sDQogICAgICBzdHlsZUNvbmZpZzogMCwNCiAgICAgIGNoZWNrVHlwZTogW10sDQogICAgICBsb2dvQ29uZmlnOiAnJywNCiAgICAgIHByb2dyZXNzTGVmdDogJycsDQogICAgICBwcm9ncmVzc1JpZ2h0OiAnJywNCiAgICAgIHByb2dyZXNzQmdDb2xvcjogJycsDQogICAgICBiZ0NvbG9yTGVmdDogJycsDQogICAgICBiZ0NvbG9yUmlnaHQ6ICcnLA0KICAgICAgYm90dG9tQmdDb2xvcjogJycsDQogICAgICB0b3BDb25maWc6IDAsDQogICAgICBib3R0b21Db25maWc6IDAsDQogICAgICBwckNvbmZpZzogMCwNCiAgICAgIG1Ub3A6ICcnLA0KICAgICAgYmdSYWRpdXM6IDAsDQogICAgICB0b25lQ29uZmlnOiAwLA0KICAgICAgdGhlbWVDb2xvcjogJycsDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICB0aGlzLnBhZ2VEYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVt0aGlzLm51bV07DQogICAgICB0aGlzLnNldENvbmZpZyh0aGlzLnBhZ2VEYXRhKTsNCiAgICB9KTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHNldENvbmZpZyhkYXRhKSB7DQogICAgICBpZiAoIWRhdGEpIHJldHVybjsNCiAgICAgIGlmIChkYXRhLm1iQ29uZmlnKSB7DQogICAgICAgIHRoaXMuc3R5bGVDb25maWcgPSBkYXRhLnN0eWxlQ29uZmlnLnRhYlZhbDsNCiAgICAgICAgdGhpcy5jaGVja1R5cGUgPSBkYXRhLmNoZWNrYm94SW5mby50eXBlOw0KICAgICAgICB0aGlzLmxvZ29Db25maWcgPSBkYXRhLmxvZ29Db25maWcudXJsOw0KICAgICAgICB0aGlzLnRvbmVDb25maWcgPSBkYXRhLnRvbmVDb25maWcudGFiVmFsOw0KICAgICAgICB0aGlzLnByb2dyZXNzTGVmdCA9IGRhdGEucHJvZ3Jlc3NDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLnByb2dyZXNzUmlnaHQgPSBkYXRhLnByb2dyZXNzQ29sb3IuY29sb3JbMV0uaXRlbTsNCiAgICAgICAgdGhpcy5wcm9ncmVzc0JnQ29sb3IgPSBkYXRhLnByb2dyZXNzQmdDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmJnQ29sb3JMZWZ0ID0gZGF0YS5tb2R1bGVDb2xvci5jb2xvclswXS5pdGVtOw0KICAgICAgICB0aGlzLmJnQ29sb3JSaWdodCA9IGRhdGEubW9kdWxlQ29sb3IuY29sb3JbMV0uaXRlbTsNCiAgICAgICAgdGhpcy50aGVtZUNvbG9yID0gYGxpbmVhci1ncmFkaWVudCg5MGRlZywke3RoaXMuY29sb3JTdHlsZS50aGVtZX0gMCUsJHt0aGlzLmNvbG9yU3R5bGUuZ3JhZGllbnR9IDEwMCUpYDsNCiAgICAgICAgdGhpcy5ib3R0b21CZ0NvbG9yID0gZGF0YS5ib3R0b21CZ0NvbG9yLmNvbG9yWzBdLml0ZW07DQogICAgICAgIHRoaXMudG9wQ29uZmlnID0gZGF0YS50b3BDb25maWcudmFsOw0KICAgICAgICB0aGlzLmJvdHRvbUNvbmZpZyA9IGRhdGEuYm90dG9tQ29uZmlnLnZhbDsNCiAgICAgICAgdGhpcy5wckNvbmZpZyA9IGRhdGEucHJDb25maWcudmFsOw0KICAgICAgICB0aGlzLm1Ub3AgPSBkYXRhLm1iQ29uZmlnLnZhbDsNCiAgICAgICAgbGV0IGZpbGxldCA9IGRhdGEuZmlsbGV0LnR5cGU7DQogICAgICAgIGxldCBmaWxsZXRWYWwgPSBkYXRhLmZpbGxldC52YWw7DQogICAgICAgIGxldCB2YWxMaXN0ID0gZGF0YS5maWxsZXQudmFsTGlzdDsNCiAgICAgICAgdGhpcy5iZ1JhZGl1cyA9IGZpbGxldA0KICAgICAgICAgID8gdmFsTGlzdFswXS52YWwgKyAncHggJyArIHZhbExpc3RbMV0udmFsICsgJ3B4ICcgKyB2YWxMaXN0WzNdLnZhbCArICdweCAnICsgdmFsTGlzdFsyXS52YWwgKyAncHgnDQogICAgICAgICAgOiBmaWxsZXRWYWwgKyAncHgnOw0KICAgICAgfQ0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["home_userInfor.vue"],"names":[],"mappings":";AAuIA;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;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":"home_userInfor.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n <div\r\n :style=\"{\r\n background: bottomBgColor,\r\n marginTop: mTop + 'px',\r\n paddingTop: topConfig + 'px',\r\n paddingBottom: bottomConfig + 'px',\r\n paddingLeft: prConfig + 'px',\r\n paddingRight: prConfig + 'px',\r\n }\"\r\n >\r\n <div\r\n v-if=\"styleConfig\"\r\n class=\"userInfor acea-row row-between-wrapper\"\r\n :style=\"{\r\n background: `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`,\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"left acea-row row-middle\">\r\n <div class=\"pictrue acea-row row-center-wrapper\">\r\n <img :src=\"logoConfig\" v-if=\"logoConfig\" />\r\n <div class=\"empty-box\" v-else>\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div class=\"text\">\r\n <div class=\"name acea-row row-middle\">用户名称<img src=\"../../assets/images/vip-diy.png\" /></div>\r\n <div class=\"acea-row row-middle\">\r\n <div\r\n class=\"progress\"\r\n :style=\"{\r\n background: toneConfig ? progressBgColor : '#eee',\r\n }\"\r\n >\r\n <div\r\n class=\"bgReds\"\r\n :style=\"{\r\n background: toneConfig\r\n ? `linear-gradient(90deg,${progressLeft} 0%,${progressRight} 100%)`\r\n : themeColor,\r\n }\"\r\n ></div>\r\n </div>\r\n <div class=\"percent\">3000/1000000</div>\r\n </div>\r\n <!--<div class=\"phone\"><span class=\"iconfont iconshouji\"></span>13000000000</div>-->\r\n </div>\r\n </div>\r\n <div class=\"right acea-row row-bottom\">\r\n <div class=\"item\" v-if=\"checkType.slice(0, 3).indexOf(1) != -1\">\r\n <div class=\"num\">20</div>\r\n <div>积分</div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.slice(0, 3).indexOf(2) != -1\">\r\n <div class=\"num\">200</div>\r\n <div>余额</div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.slice(0, 3).indexOf(0) != -1\">\r\n <div class=\"num\">2</div>\r\n <div>优惠券</div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.slice(0, 3).indexOf(4) != -1\">\r\n <div class=\"num\">80</div>\r\n <div>收藏</div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.slice(0, 3).indexOf(5) != -1\">\r\n <div class=\"num\">80</div>\r\n <div>浏览</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n v-else\r\n class=\"userInfor\"\r\n :style=\"{\r\n background: `linear-gradient(90deg,${bgColorLeft} 0%,${bgColorRight} 100%)`,\r\n borderRadius: bgRadius,\r\n }\"\r\n >\r\n <div class=\"acea-row row-between-wrapper\">\r\n <div class=\"left acea-row row-middle\">\r\n <div class=\"pictrue acea-row row-center-wrapper\">\r\n <img :src=\"logoConfig\" v-if=\"logoConfig\" />\r\n <div class=\"empty-box\" v-else>\r\n <img src=\"../../assets/images/shan.png\" />\r\n </div>\r\n </div>\r\n <div class=\"text\">\r\n <div class=\"name acea-row row-middle\">用户名称<img src=\"../../assets/images/vip-diy.png\" /></div>\r\n <div class=\"acea-row row-middle\">\r\n <div\r\n class=\"progress\"\r\n :style=\"{\r\n background: toneConfig ? progressBgColor : '#eee',\r\n }\"\r\n >\r\n <div\r\n class=\"bgReds\"\r\n :style=\"{\r\n background: toneConfig\r\n ? `linear-gradient(90deg,${progressLeft} 0%,${progressRight} 100%)`\r\n : themeColor,\r\n }\"\r\n ></div>\r\n </div>\r\n <div class=\"percent\">3000/1000000</div>\r\n </div>\r\n <!--<div class=\"phone\"><span class=\"iconfont iconshouji\"></span>13000000000</div>-->\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div class=\"list acea-row row-around\">\r\n <div class=\"item\" v-if=\"checkType.indexOf(1) != -1\">\r\n <div>积分<span class=\"num\">20000</span></div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.indexOf(2) != -1\">\r\n <div>余额<span class=\"num\">200</span></div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.indexOf(0) != -1\">\r\n <div>优惠券<span class=\"num\">2</span></div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.indexOf(4) != -1\">\r\n <div>收藏<span class=\"num\">80</span></div>\r\n </div>\r\n <div class=\"item\" v-if=\"checkType.indexOf(5) != -1\">\r\n <div>浏览<span class=\"num\">80</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapMutations } from 'vuex';\r\n// import theme from \"@/mixins/theme\";\r\nexport default {\r\n name: 'home_userInfor',\r\n cname: '用户信息',\r\n configName: 'c_userInfor',\r\n icon: '#iconzujian-yonghuxinxi',\r\n type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n defaultName: 'userInfor', // 外面匹配名称\r\n props: {\r\n index: {\r\n type: null,\r\n },\r\n num: {\r\n type: null,\r\n },\r\n colorStyle: {\r\n type: null,\r\n },\r\n },\r\n computed: {\r\n ...mapState('mobildConfig', ['defaultArray']),\r\n },\r\n watch: {\r\n pageData: {\r\n handler(nVal, oVal) {\r\n this.setConfig(nVal);\r\n },\r\n deep: true,\r\n },\r\n num: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n defaultArray: {\r\n handler(nVal, oVal) {\r\n let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(data);\r\n },\r\n deep: true,\r\n },\r\n },\r\n // mixins: [theme],\r\n data() {\r\n return {\r\n // 默认初始化数据禁止修改\r\n defaultConfig: {\r\n cname: '用户信息',\r\n name: 'userInfor',\r\n timestamp: this.num,\r\n isHide: false,\r\n setUp: {\r\n tabVal: 0,\r\n },\r\n titleLeft: '展示设置',\r\n titleImg: '默认头像',\r\n titleRight: '进度条',\r\n titleCurrency: '通用样式',\r\n styleConfig: {\r\n title: '选择风格',\r\n tabVal: 1,\r\n tabList: [\r\n {\r\n name: '样式一',\r\n },\r\n {\r\n name: '样式二',\r\n },\r\n ],\r\n },\r\n checkboxInfo: {\r\n title: '是否展示',\r\n name: 'checkboxInfo',\r\n userType: 1,\r\n type: [1, 2],\r\n list: [\r\n {\r\n id: 1,\r\n name: '积分',\r\n },\r\n {\r\n id: 2,\r\n name: '余额',\r\n },\r\n {\r\n id: 4,\r\n name: '收藏',\r\n },\r\n {\r\n id: 0,\r\n name: '优惠券',\r\n },\r\n {\r\n id: 5,\r\n name: '浏览',\r\n },\r\n ],\r\n },\r\n logoConfig: {\r\n info: '建议：图片尺寸90px * 90px',\r\n url: '',\r\n type: 'code',\r\n delType: 1,\r\n name: '上传图片',\r\n },\r\n toneConfig: {\r\n title: '色调',\r\n tabVal: 0,\r\n tabList: [\r\n {\r\n name: '跟随主题风格',\r\n },\r\n {\r\n name: '自定义',\r\n },\r\n ],\r\n },\r\n progressColor: {\r\n title: '进度条',\r\n default: [\r\n {\r\n item: '#e93323',\r\n },\r\n {\r\n item: '#ff8933',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#e93323',\r\n },\r\n {\r\n item: '#ff8933',\r\n },\r\n ],\r\n },\r\n progressBgColor: {\r\n title: '进度条背景',\r\n default: [\r\n {\r\n item: '#EEEEEE',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#EEEEEE',\r\n },\r\n ],\r\n },\r\n moduleColor: {\r\n title: '组件背景',\r\n default: [\r\n {\r\n item: '#fff',\r\n },\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#fff',\r\n },\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n },\r\n bottomBgColor: {\r\n title: '底部背景',\r\n default: [\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n color: [\r\n {\r\n item: '#fff',\r\n },\r\n ],\r\n },\r\n topConfig: {\r\n title: '上边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n bottomConfig: {\r\n title: '下边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n prConfig: {\r\n title: '左右边距',\r\n val: 0,\r\n min: 0,\r\n },\r\n mbConfig: {\r\n title: '页面间距',\r\n val: 0,\r\n min: 0,\r\n },\r\n fillet: {\r\n title: '背景圆角',\r\n type: 0,\r\n list: [\r\n {\r\n val: '全部',\r\n icon: 'iconcaozuo-zhengti',\r\n },\r\n {\r\n val: '单个',\r\n icon: 'iconcaozuo-bianjiao',\r\n },\r\n ],\r\n valName: '圆角值',\r\n val: 0,\r\n min: 0,\r\n valList: [{ val: 0 }, { val: 0 }, { val: 0 }, { val: 0 }],\r\n },\r\n },\r\n pageData: {},\r\n styleConfig: 0,\r\n checkType: [],\r\n logoConfig: '',\r\n progressLeft: '',\r\n progressRight: '',\r\n progressBgColor: '',\r\n bgColorLeft: '',\r\n bgColorRight: '',\r\n bottomBgColor: '',\r\n topConfig: 0,\r\n bottomConfig: 0,\r\n prConfig: 0,\r\n mTop: '',\r\n bgRadius: 0,\r\n toneConfig: 0,\r\n themeColor: '',\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n this.setConfig(this.pageData);\r\n });\r\n },\r\n methods: {\r\n setConfig(data) {\r\n if (!data) return;\r\n if (data.mbConfig) {\r\n this.styleConfig = data.styleConfig.tabVal;\r\n this.checkType = data.checkboxInfo.type;\r\n this.logoConfig = data.logoConfig.url;\r\n this.toneConfig = data.toneConfig.tabVal;\r\n this.progressLeft = data.progressColor.color[0].item;\r\n this.progressRight = data.progressColor.color[1].item;\r\n this.progressBgColor = data.progressBgColor.color[0].item;\r\n this.bgColorLeft = data.moduleColor.color[0].item;\r\n this.bgColorRight = data.moduleColor.color[1].item;\r\n this.themeColor = `linear-gradient(90deg,${this.colorStyle.theme} 0%,${this.colorStyle.gradient} 100%)`;\r\n this.bottomBgColor = data.bottomBgColor.color[0].item;\r\n this.topConfig = data.topConfig.val;\r\n this.bottomConfig = data.bottomConfig.val;\r\n this.prConfig = data.prConfig.val;\r\n this.mTop = data.mbConfig.val;\r\n let fillet = data.fillet.type;\r\n let filletVal = data.fillet.val;\r\n let valList = data.fillet.valList;\r\n this.bgRadius = fillet\r\n ? valList[0].val + 'px ' + valList[1].val + 'px ' + valList[3].val + 'px ' + valList[2].val + 'px'\r\n : filletVal + 'px';\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.userInfor {\r\n padding: 14px 10px;\r\n .list {\r\n margin-top: 16px;\r\n padding-top: 16px;\r\n border-top: 1px solid #eee;\r\n .item {\r\n font-size: 13px;\r\n color: #999;\r\n .num {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #333333;\r\n margin-left: 4px;\r\n }\r\n }\r\n }\r\n .right {\r\n &.on {\r\n .item {\r\n color: #666666;\r\n }\r\n }\r\n .item {\r\n text-align: center;\r\n font-weight: 400;\r\n color: #999;\r\n font-size: 11px;\r\n margin-left: 16px;\r\n .num {\r\n font-size: 16px;\r\n margin-bottom: 2px;\r\n font-weight: 600;\r\n color: #333333;\r\n }\r\n }\r\n .iconfont {\r\n font-weight: 400;\r\n //color: #333333;\r\n font-size: 15px;\r\n margin-bottom: 2px;\r\n }\r\n }\r\n .left {\r\n .pictrue {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n img {\r\n border-radius: 50%;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .empty-box {\r\n border-radius: 50%;\r\n background-color: #f3f9ff;\r\n border: 1px solid #eeeeee;\r\n .iconfont-diy {\r\n font-size: 20px;\r\n }\r\n img {\r\n width: 26px;\r\n height: 20px;\r\n }\r\n }\r\n }\r\n .text {\r\n font-weight: 400;\r\n color: #333333;\r\n font-size: 16px;\r\n .name {\r\n img {\r\n width: 38px;\r\n height: 16px;\r\n margin-left: 5px;\r\n }\r\n }\r\n .progress {\r\n overflow: hidden;\r\n background-color: #eeeeee;\r\n width: 60px;\r\n height: 7px;\r\n border-radius: 3px;\r\n position: relative;\r\n .bgReds {\r\n width: 80%;\r\n height: 100%;\r\n transition: width 0.6s ease;\r\n border-radius: 3px;\r\n }\r\n }\r\n .percent {\r\n font-size: 10px;\r\n margin-left: 4px;\r\n }\r\n .phone {\r\n font-weight: 400;\r\n //color: #333;\r\n font-size: 10px;\r\n margin-top: 3px;\r\n .iconshouji {\r\n margin-right: 2px;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
