diff --git a/.eslintrc.js b/.eslintrc.js index 7fdf1ba9..65f3949a 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -12,6 +12,7 @@ module.exports = { }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', + // 'vue/multi-word-component-names':'off', } } diff --git a/node_modules/.cache/eslint/7dc60d80.json b/node_modules/.cache/eslint/7dc60d80.json deleted file mode 100644 index 0ccb45b6..00000000 --- a/node_modules/.cache/eslint/7dc60d80.json +++ /dev/null @@ -1 +0,0 @@ -[{"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\main.js":"1","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\App.vue":"2","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\router\\index.js":"3","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\Main.vue":"4","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\components\\header.vue":"5","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\components\\background.vue":"6","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\recommend\\index.vue":"7","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\chat\\chat.vue":"8","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\community\\trends.vue":"9","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\space\\space.vue":"10","D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\login\\login.vue":"11"},{"size":261,"mtime":1731506523733,"results":"12","hashOfConfig":"13"},{"size":97,"mtime":1731506523731,"results":"14","hashOfConfig":"13"},{"size":1052,"mtime":1731513557777,"results":"15","hashOfConfig":"13"},{"size":359,"mtime":1731741182777,"results":"16","hashOfConfig":"13"},{"size":2643,"mtime":1731566073424,"results":"17","hashOfConfig":"13"},{"size":919,"mtime":1731566064122,"results":"18","hashOfConfig":"13"},{"size":161,"mtime":1731508571798,"results":"19","hashOfConfig":"13"},{"size":156,"mtime":1731511731213,"results":"20","hashOfConfig":"13"},{"size":155,"mtime":1731512433247,"results":"21","hashOfConfig":"13"},{"size":157,"mtime":1731512507547,"results":"22","hashOfConfig":"13"},{"size":14422,"mtime":1731741182778,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},"10795if",{"filePath":"27","messages":"28","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"30","messages":"31","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"32","messages":"33","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"42","messages":"43","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"44","messages":"45","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"46","messages":"47","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\main.js",[],[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\App.vue",[],[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\router\\index.js",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\Main.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\components\\header.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\components\\background.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\recommend\\index.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\chat\\chat.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\community\\trends.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\space\\space.vue",[],"D:\\我的桌面\\恋爱森林\\dazuoye\\src\\views\\login\\login.vue",[]] \ No newline at end of file diff --git a/src/assets/css/chat/honneyBtn.css b/src/assets/css/chat/honneyBtn.css new file mode 100644 index 00000000..0678bb2f --- /dev/null +++ b/src/assets/css/chat/honneyBtn.css @@ -0,0 +1,63 @@ +input{ + display: none; +} +label{ + /* 圆角矩形组件 */ + display: block; + position: relative; + background-color:#979797; + width: 200px; + height: 100px; + border-radius: 100px; + padding: 0px; + margin: 0px; + transition: all 0.37s ease-in; +} +label::before{ + /* 圆角矩形里面的按钮 */ + content: ''; + position: absolute; + width: 82px; + height: 82px; + border-radius: 50%; + border: 2px solid #b0b0b0; + background-color: white; + top: 7px; + left: 5px; + transition: all 1s ease-in; + animation: reverse_switch 0.35s forwards; +} +input:checked + label{ + background-color: #FE4E96; +} +input:checked +label::before{ + border:2px solid #fc5ea0; + animation: switch 0.35s forwards; +} + +/* 给圆形定义关键帧 */ +@keyframes switch { + 0% { + left: 4px; + } + 60% { + left:4px; + width: 112px; + } + 100%{ + left: 104px; + } +} +@keyframes reverse_switch { + 0% { + left: 104px; + } + 60%{ + left: 74px; + width: 112px; + } + 100%{ + left: 4px; + } +} + diff --git a/src/assets/pictures/chat/Calendar.png b/src/assets/pictures/chat/Calendar.png new file mode 100644 index 00000000..c39deee5 Binary files /dev/null and b/src/assets/pictures/chat/Calendar.png differ diff --git a/src/assets/pictures/chat/GuanZhu.png b/src/assets/pictures/chat/GuanZhu.png new file mode 100644 index 00000000..09d8ea94 Binary files /dev/null and b/src/assets/pictures/chat/GuanZhu.png differ diff --git a/src/assets/pictures/chat/HeiMinDan.png b/src/assets/pictures/chat/HeiMinDan.png new file mode 100644 index 00000000..f2406e08 Binary files /dev/null and b/src/assets/pictures/chat/HeiMinDan.png differ diff --git a/src/assets/pictures/chat/Location.png b/src/assets/pictures/chat/Location.png new file mode 100644 index 00000000..3f262162 Binary files /dev/null and b/src/assets/pictures/chat/Location.png differ diff --git a/src/assets/pictures/chat/SendBtn.png b/src/assets/pictures/chat/SendBtn.png new file mode 100644 index 00000000..dd6e53d6 Binary files /dev/null and b/src/assets/pictures/chat/SendBtn.png differ diff --git a/src/assets/pictures/chat/UserIcon.png b/src/assets/pictures/chat/UserIcon.png new file mode 100644 index 00000000..09bb01bb Binary files /dev/null and b/src/assets/pictures/chat/UserIcon.png differ diff --git a/src/assets/pictures/chat/portrait.png b/src/assets/pictures/chat/portrait.png new file mode 100644 index 00000000..83ad21d7 Binary files /dev/null and b/src/assets/pictures/chat/portrait.png differ diff --git a/src/assets/pictures/chat/search.png b/src/assets/pictures/chat/search.png new file mode 100644 index 00000000..e9c7373b Binary files /dev/null and b/src/assets/pictures/chat/search.png differ diff --git a/src/assets/pictures/chat/tree.png b/src/assets/pictures/chat/tree.png new file mode 100644 index 00000000..07aeeec4 Binary files /dev/null and b/src/assets/pictures/chat/tree.png differ diff --git a/src/views/Main.vue b/src/views/Main.vue index 35a0271b..8c434a3d 100644 --- a/src/views/Main.vue +++ b/src/views/Main.vue @@ -1,6 +1,9 @@