七弈智慧• 工作室

4月22日 css页面优化,提交小程序版本审核

2025-05-04 11:24:24 阅读(152)

工作总结 - 2024年4月22日

今日工作内容如下:

  1. 页面CSS优化
    • 对各个页面的CSS进行优化,以提高兼容性和界面简洁度。特别是针对微信小程序的CSS兼容性问题进行了调整,对外来组件的容器进行了适当处理,确保界面在不同端上的一致性。
  2. 小程序版本更新
    • 在小程序端屏蔽了下载功能,以确保版本先上线。经过检查和测试后,提交了2.0小程序版本。

下一步计划:

开始着手开发安卓端用户登录功能。

技术总结与反思:

  1. 微信小程序CSS兼容性处理

    • 发现微信小程序在处理外部组件时存在一定的CSS兼容性问题。为了解决这一问题,需要在容器的样式设置上做一些调整,比如设置宽度为100%,以确保UI在不同端上的一致性。
  2. Footer在内容不足时的定位问题

    • 遇到了Footer在内容不足时无法正确位于页面底部的问题。经过多次尝试和调整,最终采用了自定义的简单CSS解决方案,成功实现了Footer在内容不足时仍然位于页面底部的需求。

以上为今日工作总结,希望能够为团队的项目进展做出更多贡献。

接口页面--全局数据:

site-> {"id":1,"name":"七弈智慧","domain":"doc.7yi.link","email":"13346163791@qq.com","wx":null,"icp":"浙ICP备2023022652号-1","code":"","json":{"siteSubtitle":"• 工作室"},"title":"七弈国象-连接七弈 智慧人生","keywords":"国际象棋,棋谱,pgn,","description":"国际象棋站","createdAt":null,"updatedAt":"2025-04-14T01:07:55.000Z","template":null,"appid":null,"secret":null}

111-->• 工作室

nav-> [{"id":13,"pid":0,"name":"日常工作杂记","pinyin":"richanggongzuozaji","path":"/richanggongzuozaji","sort":4,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0","children":[{"id":14,"pid":13,"name":"前端","pinyin":"qianduan","path":"/cmsgaijin/qianduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":15,"pid":13,"name":"后端","pinyin":"houduan","path":"/cmsgaijin/houduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":16,"pid":13,"name":"总结","pinyin":"zongjie","path":"/kaifariji/zongjie","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":22,"pid":13,"name":"炒股养棋","pinyin":"chaoguyangqi","path":"/chaoguyangqi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":23,"pid":13,"name":"cx13","pinyin":"cx13","path":"/kaifariji/cx13","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":24,"pid":13,"name":"时限学堂","pinyin":"shixianxuetang","path":"/richanggongzuozaji/shixianxuetang","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":25,"pid":13,"name":"运营","pinyin":"yunying","path":"/richanggongzuozaji/yunying","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]},{"id":18,"pid":0,"name":"国象练习","pinyin":"guoxianglianxi","path":"/guoxianglianxi","sort":3,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":19,"pid":0,"name":"信息公布","pinyin":"xinxigongbu","path":"/xinxigongbu","sort":6,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0","children":[{"id":20,"pid":19,"name":"业界消息","pinyin":"yejiexiaoxi","path":"/qiyiguoxiang/yejiexiaoxi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":21,"pid":19,"name":"七弈动态","pinyin":"qiyidongtai","path":"/xinxigongbu/qiyidongtai","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]}]

category-> [{"id":13,"pid":0,"name":"日常工作杂记","pinyin":"richanggongzuozaji","path":"/richanggongzuozaji","sort":4,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0","children":[{"id":14,"pid":13,"name":"前端","pinyin":"qianduan","path":"/cmsgaijin/qianduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":15,"pid":13,"name":"后端","pinyin":"houduan","path":"/cmsgaijin/houduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":16,"pid":13,"name":"总结","pinyin":"zongjie","path":"/kaifariji/zongjie","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":22,"pid":13,"name":"炒股养棋","pinyin":"chaoguyangqi","path":"/chaoguyangqi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":23,"pid":13,"name":"cx13","pinyin":"cx13","path":"/kaifariji/cx13","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":24,"pid":13,"name":"时限学堂","pinyin":"shixianxuetang","path":"/richanggongzuozaji/shixianxuetang","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":25,"pid":13,"name":"运营","pinyin":"yunying","path":"/richanggongzuozaji/yunying","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]},{"id":14,"pid":13,"name":"前端","pinyin":"qianduan","path":"/cmsgaijin/qianduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":15,"pid":13,"name":"后端","pinyin":"houduan","path":"/cmsgaijin/houduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":16,"pid":13,"name":"总结","pinyin":"zongjie","path":"/kaifariji/zongjie","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":18,"pid":0,"name":"国象练习","pinyin":"guoxianglianxi","path":"/guoxianglianxi","sort":3,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":19,"pid":0,"name":"信息公布","pinyin":"xinxigongbu","path":"/xinxigongbu","sort":6,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0","children":[{"id":20,"pid":19,"name":"业界消息","pinyin":"yejiexiaoxi","path":"/qiyiguoxiang/yejiexiaoxi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":21,"pid":19,"name":"七弈动态","pinyin":"qiyidongtai","path":"/xinxigongbu/qiyidongtai","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]},{"id":20,"pid":19,"name":"业界消息","pinyin":"yejiexiaoxi","path":"/qiyiguoxiang/yejiexiaoxi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":21,"pid":19,"name":"七弈动态","pinyin":"qiyidongtai","path":"/xinxigongbu/qiyidongtai","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":22,"pid":13,"name":"炒股养棋","pinyin":"chaoguyangqi","path":"/chaoguyangqi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":23,"pid":13,"name":"cx13","pinyin":"cx13","path":"/kaifariji/cx13","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":24,"pid":13,"name":"时限学堂","pinyin":"shixianxuetang","path":"/richanggongzuozaji/shixianxuetang","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":25,"pid":13,"name":"运营","pinyin":"yunying","path":"/richanggongzuozaji/yunying","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]

friendlink-> [{"id":1,"title":"七弈国象首页","link":"https://www.7yi.link","sort":0,"createdAt":"2023-07-22T14:59:55.000Z"}]

base_url-> /public/template/default

frag--->{"record":"<p style=\"text-align: center;\"><a href=\"http://beian.miit.gov.cn/\" target=\"_blank\" rel=\"noopener\">浙ICP备2023022652号-1</a></p>","footer-guanyu":"","footer-7yi":"","footer-chess":"","footer-fe":"","chanyue-introduce":"<p>七弈国象:专注于国际象棋开局与战术学习的网站</p>\n<ul>\n<li>国际象棋相关工具开发:<br>\n<ul>\n<li>记谱训练</li>\n<li>识谱工具</li>\n</ul>\n</li>\n<li>国象相关产品\n<ul>\n<li>记录本</li>\n</ul>\n</li>\n<li>电商网站\n<ul>\n<li>畅享一三</li>\n</ul>\n</li>\n<li>通用后台<br>\n<ul>\n<li>7Link通用后台开发系统&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</li>\n</ul>\n</li>\n</ul>","copyright":"<p style=\"text-align: center;\">杭州七弈智慧科技有限公司版权所有</p>","ad":"<p style=\"text-align: center;\"><a href=\"https://7yi.link/stock/chess/web-mobile/\" target=\"_blank\" rel=\"noopener\"> <img style=\"display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto;\" src=\"/public/uploads/default/2023/09/21/1695286791855_mceu_83563456911695286788809.png.png\"> </a></p>\n<p style=\"text-align: center;\"><a href=\"https://7yi.link/stock/chess/web-mobile/\" target=\"_blank\" rel=\"noopener\">开局树学习</a></p>"}

tag--->[{"id":8,"name":"双马防御","path":"shuangmafangyu"},{"id":7,"name":"开发","path":"kaifa"},{"id":6,"name":"伦敦体系","path":"lunduntixi"},{"id":5,"name":"俄罗斯防御","path":"eluosifangyu"},{"id":1,"name":"cms","path":"cms"}]

-----------

position------>[{"id":13,"pid":0,"name":"日常工作杂记","pinyin":"richanggongzuozaji","path":"/richanggongzuozaji","sort":4,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0","children":[{"id":14,"pid":13,"name":"前端","pinyin":"qianduan","path":"/cmsgaijin/qianduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":15,"pid":13,"name":"后端","pinyin":"houduan","path":"/cmsgaijin/houduan","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":16,"pid":13,"name":"总结","pinyin":"zongjie","path":"/kaifariji/zongjie","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":22,"pid":13,"name":"炒股养棋","pinyin":"chaoguyangqi","path":"/chaoguyangqi","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":23,"pid":13,"name":"cx13","pinyin":"cx13","path":"/kaifariji/cx13","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":24,"pid":13,"name":"时限学堂","pinyin":"shixianxuetang","path":"/richanggongzuozaji/shixianxuetang","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},{"id":25,"pid":13,"name":"运营","pinyin":"yunying","path":"/richanggongzuozaji/yunying","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]},{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"}]

navSub------>{"cate":{"id":17,"pid":13,"name":"工作计划","pinyin":"gongzuojihua","path":"/richanggongzuozaji/gongzuojihua","sort":0,"target":"0","status":"0","list_view":"list.html","article_view":"article.html","seo_title":"","seo_keywords":"","seo_description":"","type":"0"},"id":17}

article------>{"id":188,"cid":17,"sub_cid":"","title":"4月22日 css页面优化,提交小程序版本审核","short_title":"","tag_id":"","attr":"","seo_title":"","seo_keywords":"","seo_description":"","source":"","author":"","description":"","img":"","content":"<p>工作总结 - 2024年4月22日</p>\n<p>今日工作内容如下:</p>\n<ol>\n<li><strong>页面CSS优化</strong>:\n<ul>\n<li>对各个页面的CSS进行优化,以提高兼容性和界面简洁度。特别是针对微信小程序的CSS兼容性问题进行了调整,对外来组件的容器进行了适当处理,确保界面在不同端上的一致性。</li>\n</ul>\n</li>\n<li><strong>小程序版本更新</strong>:\n<ul>\n<li>在小程序端屏蔽了下载功能,以确保版本先上线。经过检查和测试后,提交了2.0小程序版本。</li>\n</ul>\n</li>\n</ol>\n<p>下一步计划:</p>\n<p>开始着手开发安卓端用户登录功能。</p>\n<p>技术总结与反思:</p>\n<ol>\n<li>\n<p><strong>微信小程序CSS兼容性处理</strong>:</p>\n<ul>\n<li>发现微信小程序在处理外部组件时存在一定的CSS兼容性问题。为了解决这一问题,需要在容器的样式设置上做一些调整,比如设置宽度为100%,以确保UI在不同端上的一致性。</li>\n</ul>\n</li>\n<li>\n<p><strong>Footer在内容不足时的定位问题</strong>:</p>\n<ul>\n<li>遇到了Footer在内容不足时无法正确位于页面底部的问题。经过多次尝试和调整,最终采用了自定义的简单CSS解决方案,成功实现了Footer在内容不足时仍然位于页面底部的需求。</li>\n</ul>\n</li>\n</ol>\n<p>以上为今日工作总结,希望能够为团队的项目进展做出更多贡献。</p>","status":0,"pv":152,"link":"","createdAt":"2024-04-22 23:54:59","updatedAt":"2025-05-04 11:24:24","field":{},"tags":[]}

article.tags------>[]

news------>[{"id":244,"title":"发布app的准备工作","short_title":"","img":"","createdAt":"2024-07-04T07:34:23.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":239,"title":"更新完一个小功能,下面要做的一些初级工作","short_title":"","img":"","createdAt":"2024-06-27T13:16:53.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":234,"title":"我的棋局开发安排","short_title":"","img":"","createdAt":"2024-06-17T01:07:19.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":233,"title":"我的开局/对弈 策划案","short_title":"","img":"","createdAt":"2024-06-17T00:21:29.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":226,"title":"新功能需求","short_title":"","img":"","createdAt":"2024-06-13T14:57:08.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":224,"title":"stockfish服务器后期的问题修复","short_title":"","img":"","createdAt":"2024-06-12T10:32:13.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":205,"title":"wsl查看ip地址","short_title":"","img":"","createdAt":"2024-05-05T01:28:47.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":204,"title":"docker以及wsl的一些操作记录","short_title":"","img":"","createdAt":"2024-05-04T23:24:45.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":199,"title":"5月1日","short_title":"","img":"","createdAt":"2024-05-01T01:11:34.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":198,"title":"4月30日 h5跳转小程序,oss接口强制https","short_title":"","img":"","createdAt":"2024-04-30T11:01:05.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"}]

hot------>[{"id":205,"title":"wsl查看ip地址","path":"/cmsgaijin/gongzuojihua"},{"id":19,"title":"9月18-24日工作计划","path":"/cmsgaijin/gongzuojihua"},{"id":71,"title":"半周计划(10.25-10.29)","path":"/cmsgaijin/gongzuojihua"},{"id":43,"title":"10月第一周工作计划(10.1-10.8)","path":"/cmsgaijin/gongzuojihua"},{"id":83,"title":"网站搬迁","path":"/cmsgaijin/gongzuojihua"},{"id":153,"title":"AI对局","path":"/cmsgaijin/gongzuojihua"},{"id":157,"title":"棋局分析","path":"/cmsgaijin/gongzuojihua"},{"id":199,"title":"5月1日","path":"/cmsgaijin/gongzuojihua"},{"id":226,"title":"新功能需求","path":"/cmsgaijin/gongzuojihua"},{"id":132,"title":"1月11日 工作记录","path":"/cmsgaijin/gongzuojihua"}]

imgs------>[{"id":157,"title":"棋局分析","short_title":"","img":"/public/uploads/default/2024/02/01/1706760089623_origin-mceclip1png","createdAt":"2024-02-01T02:06:22.000Z","description":"","pinyin":"gongzuojihua","name":"工作计划","path":"/cmsgaijin/gongzuojihua"}]

pre------>{"id":187,"title":"4月21日 做了一个微信的css向普通css转换的工具","name":"工作计划","path":"/cmsgaijin/gongzuojihua"}

next------>{"id":190,"title":"4月23日 工作计划与后期规划","name":"工作计划","path":"/cmsgaijin/gongzuojihua"}

E