diff --git a/miniprogram/assets/images/login-close.png b/miniprogram/assets/images/login-close.png
new file mode 100644
index 0000000..14ead97
Binary files /dev/null and b/miniprogram/assets/images/login-close.png differ
diff --git a/miniprogram/assets/images/login-note.png b/miniprogram/assets/images/login-note.png
new file mode 100644
index 0000000..12ede2a
Binary files /dev/null and b/miniprogram/assets/images/login-note.png differ
diff --git a/miniprogram/pages/login/login.js b/miniprogram/pages/login/login.js
index 2fb7d0c..11f3e2e 100644
--- a/miniprogram/pages/login/login.js
+++ b/miniprogram/pages/login/login.js
@@ -4,7 +4,8 @@ var index_1 = require("../../api/index");
 Page({
     data: {
         userName: '',
-        password: ''
+        password: '',
+        noteVisible: false
     },
     handleLogin: function () {
         var that = this;
@@ -72,6 +73,17 @@ Page({
     onShow: function () {
     },
     onLoad: function () {
+    },
+    showNote: function () {
+        console.log(1111);
+        this.setData({
+            noteVisible: !this.data.noteVisible
+        });
+    },
+    closeNote: function () {
+        this.setData({
+            noteVisible: false
+        });
     }
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJsb2dpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLHlDQUF1QztBQUN2QyxJQUFJLENBQUM7SUFDSCxJQUFJLEVBQUU7UUFDSixRQUFRLEVBQUUsRUFBRTtRQUNaLFFBQVEsRUFBRSxFQUFFO0tBQ2I7SUFFRCxXQUFXLEVBQUU7UUFDWCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUE7UUFDZixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLEVBQUUsRUFBRTtZQUM1QixFQUFFLENBQUMsU0FBUyxDQUFDO2dCQUNYLEtBQUssRUFBRSxRQUFRO2dCQUNmLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUFBO1lBQ0YsT0FBTyxLQUFLLENBQUE7U0FDYjtRQUNELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxFQUFFO1lBQzVCLEVBQUUsQ0FBQyxTQUFTLENBQUM7Z0JBQ1gsS0FBSyxFQUFFLE9BQU87Z0JBQ2QsSUFBSSxFQUFFLE1BQU07Z0JBQ1osUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUE7WUFDRixPQUFPLEtBQUssQ0FBQTtTQUNiO1FBRUQsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNQLE9BQU8sRUFBUCxVQUFRLEdBQUc7Z0JBQ1QsRUFBRSxDQUFDLFdBQVcsQ0FBQztvQkFDYixLQUFLLEVBQUUsU0FBUztpQkFDakIsQ0FBQyxDQUFBO2dCQUNGLElBQUksSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUE7Z0JBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2pCLElBQUksSUFBSSxFQUFFO29CQUNSLElBQUksTUFBTSxHQUFHO3dCQUNYLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7d0JBQzVCLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7d0JBQzVCLE1BQU0sRUFBRSxJQUFJO3FCQUNiLENBQUE7b0JBQ0QsYUFBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLEdBQVE7d0JBRTFCLElBQUksR0FBRyxDQUFDLElBQUksSUFBSSxHQUFHLEVBQUU7NEJBQ25CLEVBQUUsQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7NEJBQzFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7NEJBQ3BELEVBQUUsQ0FBQyxjQUFjLENBQUMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTs0QkFFbEYsRUFBRSxDQUFDLFVBQVUsQ0FBQztnQ0FDWixHQUFHLEVBQUUsb0JBQW9COzZCQUMxQixDQUFDLENBQUE7eUJBQ0g7NkJBQU07NEJBQ0wsRUFBRSxDQUFDLFNBQVMsQ0FBQztnQ0FDWCxLQUFLLEVBQUUsR0FBRyxDQUFDLEdBQUc7Z0NBQ2QsSUFBSSxFQUFFLE1BQU07Z0NBQ1osUUFBUSxFQUFFLElBQUk7NkJBQ2YsQ0FBQyxDQUFBO3lCQUNIO3dCQUNELEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtvQkFDbEIsQ0FBQyxDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1NBQ0YsQ0FBQyxDQUFBO0lBRUosQ0FBQztJQUNELFdBQVcsRUFBWCxVQUFZLENBQTZCO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDWCxRQUFRLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO1NBQ3pCLENBQUMsQ0FBQTtJQUVKLENBQUM7SUFDRCxXQUFXLEVBQVgsVUFBWSxDQUE2QjtRQUN2QyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ1gsUUFBUSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSztTQUN6QixDQUFDLENBQUE7SUFFSixDQUFDO0lBQ0QsTUFBTTtJQUVOLENBQUM7SUFDRCxNQUFNO0lBRU4sQ0FBQztDQUNGLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGxvZ2luIH0gZnJvbSAnLi4vLi4vYXBpL2luZGV4J1xyXG5QYWdlKHtcclxuICBkYXRhOiB7XHJcbiAgICB1c2VyTmFtZTogJycsXHJcbiAgICBwYXNzd29yZDogJydcclxuICB9LFxyXG4gIC8vIEB0cy1pZ25vcmVcclxuICBoYW5kbGVMb2dpbjogZnVuY3Rpb24gKCkge1xyXG4gICAgbGV0IHRoYXQgPSB0aGlzXHJcbiAgICBpZiAodGhhdC5kYXRhLnVzZXJOYW1lID09ICcnKSB7XHJcbiAgICAgIHd4LnNob3dUb2FzdCh7XHJcbiAgICAgICAgdGl0bGU6ICfor7fovpPlhaXnlKjmiLflkI0nLFxyXG4gICAgICAgIGljb246ICdub25lJyxcclxuICAgICAgICBkdXJhdGlvbjogMjAwMFxyXG4gICAgICB9KVxyXG4gICAgICByZXR1cm4gZmFsc2VcclxuICAgIH1cclxuICAgIGlmICh0aGF0LmRhdGEucGFzc3dvcmQgPT0gJycpIHtcclxuICAgICAgd3guc2hvd1RvYXN0KHtcclxuICAgICAgICB0aXRsZTogJ+ivt+i+k+WFpeWvhueggScsXHJcbiAgICAgICAgaWNvbjogJ25vbmUnLFxyXG4gICAgICAgIGR1cmF0aW9uOiAyMDAwXHJcbiAgICAgIH0pXHJcbiAgICAgIHJldHVybiBmYWxzZVxyXG4gICAgfVxyXG5cclxuICAgIHd4LmxvZ2luKHtcclxuICAgICAgc3VjY2VzcyhyZXMpIHtcclxuICAgICAgICB3eC5zaG93TG9hZGluZyh7XHJcbiAgICAgICAgICB0aXRsZTogJ+eZu+W9leS4re+8jOivt+eojeWQjicsXHJcbiAgICAgICAgfSlcclxuICAgICAgICBsZXQgY29kZSA9IHJlcy5jb2RlXHJcbiAgICAgICAgY29uc29sZS5sb2coY29kZSlcclxuICAgICAgICBpZiAoY29kZSkge1xyXG4gICAgICAgICAgbGV0IHBhcmFtcyA9IHtcclxuICAgICAgICAgICAgdXNlcm5hbWU6IHRoYXQuZGF0YS51c2VyTmFtZSxcclxuICAgICAgICAgICAgcGFzc3dvcmQ6IHRoYXQuZGF0YS5wYXNzd29yZCxcclxuICAgICAgICAgICAgd3hDb2RlOiBjb2RlXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBsb2dpbihwYXJhbXMpLnRoZW4oKHJlczogYW55KSA9PiB7XHJcbiAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKHJlcylcclxuICAgICAgICAgICAgaWYgKHJlcy5jb2RlID09ICcwJykge1xyXG4gICAgICAgICAgICAgIHd4LnNldFN0b3JhZ2VTeW5jKCd0b2tlbicsIHJlcy5kYXRhLnRva2VuKVxyXG4gICAgICAgICAgICAgIHd4LnNldFN0b3JhZ2VTeW5jKCd1c2VyVGFnS2V5JywgcmVzLmRhdGEudXNlclRhZ0tleSlcclxuICAgICAgICAgICAgICB3eC5zZXRTdG9yYWdlU3luYygnZGVwdERhdGFTY29wZUxpc3QnLCBKU09OLnN0cmluZ2lmeShyZXMuZGF0YS5kZXB0RGF0YVNjb3BlTGlzdCkpXHJcbiAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgd3gucmVkaXJlY3RUbyh7XHJcbiAgICAgICAgICAgICAgICB1cmw6ICcvcGFnZXMvaW5kZXgvaW5kZXgnXHJcbiAgICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICB3eC5zaG93VG9hc3Qoe1xyXG4gICAgICAgICAgICAgICAgdGl0bGU6IHJlcy5tc2csXHJcbiAgICAgICAgICAgICAgICBpY29uOiAnbm9uZScsXHJcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMjAwMFxyXG4gICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgd3guaGlkZUxvYWRpbmcoKVxyXG4gICAgICAgICAgfSlcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH0pXHJcbiAgICAvLyBjb25zb2xlLmxvZygnMjIyMjIyJylcclxuICB9LFxyXG4gIGdldFVzZXJOYW1lKGU6IHsgZGV0YWlsOiB7IHZhbHVlOiBhbnkgfSB9KSB7XHJcbiAgICB0aGlzLnNldERhdGEoe1xyXG4gICAgICB1c2VyTmFtZTogZS5kZXRhaWwudmFsdWVcclxuICAgIH0pXHJcbiAgICAvLyBjb25zb2xlLmxvZygndXNlck5hbWUnLCB0aGlzLmRhdGEudXNlck5hbWUpXHJcbiAgfSxcclxuICBnZXRQYXNzd29yZChlOiB7IGRldGFpbDogeyB2YWx1ZTogYW55IH0gfSkge1xyXG4gICAgdGhpcy5zZXREYXRhKHtcclxuICAgICAgcGFzc3dvcmQ6IGUuZGV0YWlsLnZhbHVlXHJcbiAgICB9KVxyXG4gICAgLy8gY29uc29sZS5sb2coJ3Bhc3N3b3JkJywgdGhpcy5kYXRhLnBhc3N3b3JkKVxyXG4gIH0sXHJcbiAgb25TaG93ICgpIHtcclxuICAgIC8vIGNvbnNvbGUubG9nKCfmmL7npLonKVxyXG4gIH0sXHJcbiAgb25Mb2FkICgpIHtcclxuXHJcbiAgfVxyXG59KVxyXG4iXX0=
\ No newline at end of file
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJsb2dpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLHlDQUF1QztBQUN2QyxJQUFJLENBQUM7SUFDSCxJQUFJLEVBQUU7UUFDSixRQUFRLEVBQUUsRUFBRTtRQUNaLFFBQVEsRUFBRSxFQUFFO1FBQ1osV0FBVyxFQUFDLEtBQUs7S0FDbEI7SUFFRCxXQUFXLEVBQUU7UUFDWCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUE7UUFDZixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLEVBQUUsRUFBRTtZQUM1QixFQUFFLENBQUMsU0FBUyxDQUFDO2dCQUNYLEtBQUssRUFBRSxRQUFRO2dCQUNmLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUFBO1lBQ0YsT0FBTyxLQUFLLENBQUE7U0FDYjtRQUNELElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxFQUFFO1lBQzVCLEVBQUUsQ0FBQyxTQUFTLENBQUM7Z0JBQ1gsS0FBSyxFQUFFLE9BQU87Z0JBQ2QsSUFBSSxFQUFFLE1BQU07Z0JBQ1osUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUE7WUFDRixPQUFPLEtBQUssQ0FBQTtTQUNiO1FBRUQsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNQLE9BQU8sRUFBUCxVQUFRLEdBQUc7Z0JBQ1QsRUFBRSxDQUFDLFdBQVcsQ0FBQztvQkFDYixLQUFLLEVBQUUsU0FBUztpQkFDakIsQ0FBQyxDQUFBO2dCQUNGLElBQUksSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUE7Z0JBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2pCLElBQUksSUFBSSxFQUFFO29CQUNSLElBQUksTUFBTSxHQUFHO3dCQUNYLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7d0JBQzVCLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7d0JBQzVCLE1BQU0sRUFBRSxJQUFJO3FCQUNiLENBQUE7b0JBQ0QsYUFBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLEdBQVE7d0JBRTFCLElBQUksR0FBRyxDQUFDLElBQUksSUFBSSxHQUFHLEVBQUU7NEJBQ25CLEVBQUUsQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7NEJBQzFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7NEJBQ3BELEVBQUUsQ0FBQyxjQUFjLENBQUMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTs0QkFFbEYsRUFBRSxDQUFDLFVBQVUsQ0FBQztnQ0FDWixHQUFHLEVBQUUsb0JBQW9COzZCQUMxQixDQUFDLENBQUE7eUJBQ0g7NkJBQU07NEJBQ0wsRUFBRSxDQUFDLFNBQVMsQ0FBQztnQ0FDWCxLQUFLLEVBQUUsR0FBRyxDQUFDLEdBQUc7Z0NBQ2QsSUFBSSxFQUFFLE1BQU07Z0NBQ1osUUFBUSxFQUFFLElBQUk7NkJBQ2YsQ0FBQyxDQUFBO3lCQUNIO3dCQUNELEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtvQkFDbEIsQ0FBQyxDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1NBQ0YsQ0FBQyxDQUFBO0lBRUosQ0FBQztJQUNELFdBQVcsRUFBWCxVQUFZLENBQTZCO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDWCxRQUFRLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO1NBQ3pCLENBQUMsQ0FBQTtJQUVKLENBQUM7SUFDRCxXQUFXLEVBQVgsVUFBWSxDQUE2QjtRQUN2QyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ1gsUUFBUSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSztTQUN6QixDQUFDLENBQUE7SUFFSixDQUFDO0lBQ0QsTUFBTTtJQUVOLENBQUM7SUFDRCxNQUFNO0lBRU4sQ0FBQztJQUNELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDWCxXQUFXLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVc7U0FDcEMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUNELFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQ1gsV0FBVyxFQUFFLEtBQUs7U0FDbkIsQ0FBQyxDQUFBO0lBQ0osQ0FBQztDQUNGLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGxvZ2luIH0gZnJvbSAnLi4vLi4vYXBpL2luZGV4J1xyXG5QYWdlKHtcclxuICBkYXRhOiB7XHJcbiAgICB1c2VyTmFtZTogJycsXHJcbiAgICBwYXNzd29yZDogJycsXHJcbiAgICBub3RlVmlzaWJsZTpmYWxzZVxyXG4gIH0sXHJcbiAgLy8gQHRzLWlnbm9yZVxyXG4gIGhhbmRsZUxvZ2luOiBmdW5jdGlvbiAoKSB7XHJcbiAgICBsZXQgdGhhdCA9IHRoaXNcclxuICAgIGlmICh0aGF0LmRhdGEudXNlck5hbWUgPT0gJycpIHtcclxuICAgICAgd3guc2hvd1RvYXN0KHtcclxuICAgICAgICB0aXRsZTogJ+ivt+i+k+WFpeeUqOaIt+WQjScsXHJcbiAgICAgICAgaWNvbjogJ25vbmUnLFxyXG4gICAgICAgIGR1cmF0aW9uOiAyMDAwXHJcbiAgICAgIH0pXHJcbiAgICAgIHJldHVybiBmYWxzZVxyXG4gICAgfVxyXG4gICAgaWYgKHRoYXQuZGF0YS5wYXNzd29yZCA9PSAnJykge1xyXG4gICAgICB3eC5zaG93VG9hc3Qoe1xyXG4gICAgICAgIHRpdGxlOiAn6K+36L6T5YWl5a+G56CBJyxcclxuICAgICAgICBpY29uOiAnbm9uZScsXHJcbiAgICAgICAgZHVyYXRpb246IDIwMDBcclxuICAgICAgfSlcclxuICAgICAgcmV0dXJuIGZhbHNlXHJcbiAgICB9XHJcblxyXG4gICAgd3gubG9naW4oe1xyXG4gICAgICBzdWNjZXNzKHJlcykge1xyXG4gICAgICAgIHd4LnNob3dMb2FkaW5nKHtcclxuICAgICAgICAgIHRpdGxlOiAn55m75b2V5Lit77yM6K+356iN5ZCOJyxcclxuICAgICAgICB9KVxyXG4gICAgICAgIGxldCBjb2RlID0gcmVzLmNvZGVcclxuICAgICAgICBjb25zb2xlLmxvZyhjb2RlKVxyXG4gICAgICAgIGlmIChjb2RlKSB7XHJcbiAgICAgICAgICBsZXQgcGFyYW1zID0ge1xyXG4gICAgICAgICAgICB1c2VybmFtZTogdGhhdC5kYXRhLnVzZXJOYW1lLFxyXG4gICAgICAgICAgICBwYXNzd29yZDogdGhhdC5kYXRhLnBhc3N3b3JkLFxyXG4gICAgICAgICAgICB3eENvZGU6IGNvZGVcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIGxvZ2luKHBhcmFtcykudGhlbigocmVzOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgLy8gY29uc29sZS5sb2cocmVzKVxyXG4gICAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gJzAnKSB7XHJcbiAgICAgICAgICAgICAgd3guc2V0U3RvcmFnZVN5bmMoJ3Rva2VuJywgcmVzLmRhdGEudG9rZW4pXHJcbiAgICAgICAgICAgICAgd3guc2V0U3RvcmFnZVN5bmMoJ3VzZXJUYWdLZXknLCByZXMuZGF0YS51c2VyVGFnS2V5KVxyXG4gICAgICAgICAgICAgIHd4LnNldFN0b3JhZ2VTeW5jKCdkZXB0RGF0YVNjb3BlTGlzdCcsIEpTT04uc3RyaW5naWZ5KHJlcy5kYXRhLmRlcHREYXRhU2NvcGVMaXN0KSlcclxuICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICB3eC5yZWRpcmVjdFRvKHtcclxuICAgICAgICAgICAgICAgIHVybDogJy9wYWdlcy9pbmRleC9pbmRleCdcclxuICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAgIHd4LnNob3dUb2FzdCh7XHJcbiAgICAgICAgICAgICAgICB0aXRsZTogcmVzLm1zZyxcclxuICAgICAgICAgICAgICAgIGljb246ICdub25lJyxcclxuICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAyMDAwXHJcbiAgICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB3eC5oaWRlTG9hZGluZygpXHJcbiAgICAgICAgICB9KVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfSlcclxuICAgIC8vIGNvbnNvbGUubG9nKCcyMjIyMjInKVxyXG4gIH0sXHJcbiAgZ2V0VXNlck5hbWUoZTogeyBkZXRhaWw6IHsgdmFsdWU6IGFueSB9IH0pIHtcclxuICAgIHRoaXMuc2V0RGF0YSh7XHJcbiAgICAgIHVzZXJOYW1lOiBlLmRldGFpbC52YWx1ZVxyXG4gICAgfSlcclxuICAgIC8vIGNvbnNvbGUubG9nKCd1c2VyTmFtZScsIHRoaXMuZGF0YS51c2VyTmFtZSlcclxuICB9LFxyXG4gIGdldFBhc3N3b3JkKGU6IHsgZGV0YWlsOiB7IHZhbHVlOiBhbnkgfSB9KSB7XHJcbiAgICB0aGlzLnNldERhdGEoe1xyXG4gICAgICBwYXNzd29yZDogZS5kZXRhaWwudmFsdWVcclxuICAgIH0pXHJcbiAgICAvLyBjb25zb2xlLmxvZygncGFzc3dvcmQnLCB0aGlzLmRhdGEucGFzc3dvcmQpXHJcbiAgfSxcclxuICBvblNob3cgKCkge1xyXG4gICAgLy8gY29uc29sZS5sb2coJ+aYvuekuicpXHJcbiAgfSxcclxuICBvbkxvYWQgKCkge1xyXG5cclxuICB9LFxyXG4gIHNob3dOb3RlICgpIHtcclxuICAgIGNvbnNvbGUubG9nKDExMTEpXHJcbiAgICB0aGlzLnNldERhdGEoe1xyXG4gICAgICBub3RlVmlzaWJsZTogIXRoaXMuZGF0YS5ub3RlVmlzaWJsZVxyXG4gICAgfSlcclxuICB9LFxyXG4gIGNsb3NlTm90ZSAoKSB7XHJcbiAgICB0aGlzLnNldERhdGEoe1xyXG4gICAgICBub3RlVmlzaWJsZTogZmFsc2VcclxuICAgIH0pXHJcbiAgfVxyXG59KVxyXG4iXX0=
\ No newline at end of file
diff --git a/miniprogram/pages/login/login.ts b/miniprogram/pages/login/login.ts
index 0f4f239..e5a2c84 100644
--- a/miniprogram/pages/login/login.ts
+++ b/miniprogram/pages/login/login.ts
@@ -2,7 +2,8 @@ import { login } from '../../api/index'
 Page({
   data: {
     userName: '',
-    password: ''
+    password: '',
+    noteVisible:false
   },
   // @ts-ignore
   handleLogin: function () {
@@ -78,5 +79,16 @@ Page({
   },
   onLoad () {
 
+  },
+  showNote () {
+    console.log(1111)
+    this.setData({
+      noteVisible: !this.data.noteVisible
+    })
+  },
+  closeNote () {
+    this.setData({
+      noteVisible: false
+    })
   }
 })
diff --git a/miniprogram/pages/login/login.wxml b/miniprogram/pages/login/login.wxml
index be1a4b4..97caa92 100644
--- a/miniprogram/pages/login/login.wxml
+++ b/miniprogram/pages/login/login.wxml
@@ -39,4 +39,18 @@
    </view>
    </view>
   </view>
+  <view class="note-content">
+      <view class="note">
+      <view class="intro-note" bindtap="showNote">
+        <view class="note-title">介绍说明</view>
+        <image src="../../assets/images/login-note.png" />
+      </view>
+      <view class="intro-content" wx:if="{{noteVisible}}">
+        <view class="close">
+          <image catchtap="closeNote" src="../../assets/images/login-close.png" />
+        </view>
+        <view class="program-intro">该小程序是微笑榆山党建引领城乡共治平台的数据端，用于处理居民端提报的一些问题，并及时处理或向上反馈。</view>
+      </view>
+    </view>
+  </view>
 </view>
\ No newline at end of file
diff --git a/miniprogram/pages/login/login.wxss b/miniprogram/pages/login/login.wxss
index b4226e7..9b04689 100644
--- a/miniprogram/pages/login/login.wxss
+++ b/miniprogram/pages/login/login.wxss
@@ -152,4 +152,64 @@ page {
   font-family:PingFang SC;
   font-weight:500;
   color:rgba(255,255,255,1);
+}
+.note-content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.note {
+  width: 640rpx;
+  box-sizing: border-box;
+  padding: 0 20rpx;
+  position: relative;
+  top: 130rpx;
+}
+.note .intro-note {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  height: 40rpx;
+  position: relative;
+  z-index: 100;
+}
+.note .intro-note .note-title {
+  font-size: 24rpx;
+  color: #eee;
+}
+.note .intro-note image {
+  width: 26rpx;
+  height: 26rpx;
+  margin-left: 7rpx;
+  position:relative;
+}
+.note .intro-content {
+  width: 100%;
+  position: relative;
+  top: -20rpx;
+}
+.note .intro-content .close {
+  width: 100%;
+  height: 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 10rpx;
+}
+.note .intro-content .close image {
+  width: 30rpx;
+  height: 30rpx;
+  position:relative;
+}
+.note .intro-content .program-intro {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 20rpx 25rpx;
+  font-size: 26rpx;
+  color: #666;
+  line-height: 36rpx;
+  border-radius: 24rpx;
+  background: #fff;
+  text-indent: 52rpx;
 }
\ No newline at end of file