{"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"]}]}