1.任务安排
计划时间 | 计划任务 | 计划是否完成 |
4.5-4.12 | 将网页界面修改成微信端界面,再加上最新活动设计 | 是 |
2.下周计划完成内容
完成所有页面的撰写整合,在微信端能run试试
3.本周实现功能
实现了发布活动界面的微信端界面
4.本周实现代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>发布活动</title> <link rel="stylesheet" href="../style/weui.css"/> <link rel="stylesheet" href="./example.css"/> </head> <body> <link rel="import" href="./fragment/home.html"> <link rel="import" href="./fragment/button.html"> <link rel="import" href="./fragment/list.html"> <link rel="import" href="./fragment/input.html"> <link rel="import" href="./fragment/toast.html"> <link rel="import" href="./fragment/dialog.html"> <link rel="import" href="./fragment/progress.html"> <link rel="import" href="./fragment/msg.html"> <link rel="import" href="./fragment/msg_success.html"> <link rel="import" href="./fragment/msg_warn.html"> <link rel="import" href="./fragment/article.html"> <link rel="import" href="./fragment/navbar.html"> <link rel="import" href="./fragment/tabbar.html"> <link rel="import" href="./fragment/panel.html"> <link rel="import" href="./fragment/actionsheet.html"> <link rel="import" href="./fragment/icons.html"> <link rel="import" href="./fragment/searchbar.html"> <link rel="import" href="./fragment/picker.html"> <link rel="import" href="./fragment/footer.html"> <link rel="import" href="./fragment/gallery.html"> <link rel="import" href="./fragment/flex.html"> <link rel="import" href="./fragment/loadmore.html"> <link rel="import" href="./fragment/layers.html"> <link rel="import" href="./fragment/uploader.html"> <link rel="import" href="./fragment/preview.html"> <link rel="import" href="./fragment/grid.html"> <link rel="import" href="./fragment/badge.html"> <link rel="import" href="./fragment/slider.html"> <script src="./zepto.min.js"></script> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script> <script src="./example.js"></script> <div class="page"> <div class="publicact"> <h1 class="publicact">发布活动</h1> <p class="publicact">发布活动信息</p> </div> <div class="weui-cells__title">活动名称</div> <div class="weui-cells"> <div class="weui-cell"> <div class="weui-cell__bd"> <input class="weui-input" type="text" placeholder="请输入活动名称"/> </div> </div> </div> <div class="acttype"> <div class="acttype">活动类型</div> <div class="acttype"> <label class="acttype" for="x11"> <div class="acttype1"> <p>文艺体育</p> </div> <div class="acttype1"> <input type="radio" class="acttype1" name="radio1" id="x11"> <span class="acttype"></span> </div> </label> <label class="acttype" for="x11"> <div class="acttype1"> <p>生活家居</p> </div> <div class="acttype1"> <input type="radio" class="acttype1" name="radio1" id="x11"> <span class="acttype"></span> </div> </label> <label class="acttype" for="x11"> <div class="acttype1"> <p>学习交流</p> </div> <div class="acttype1"> <input type="radio" class="acttype1" name="radio1" id="x11"> <span class="acttype"></span> </div> </label> <label class="acttype" for="x11"> <div class="acttype1"> <p>户外活动</p> </div> <div class="acttype1"> <input type="radio" class="acttype1" name="radio1" id="x11"> <span class="acttype"></span> </div> </label> <a href="javascript:void(0);" class="weui-cell weui-cell_link"> <div class="weui-cell__bd">添加更多</div> </a> </div> <div class="keywords">活动关键字</div> <div class="keywords"> <div class="keywords"> <div class="keywords"> <input class="weui-input" type="text" placeholder="请输入活动关键字"/> </div> </div> </div> <div class="weui-cells_brief">活动简介</div> <div class="weui-cells"> <div class="weui-cell"> <div class="weui-cells_brief"> <input class="weui-input" type="text" placeholder="请输入活动简介"/> </div> </div> </div> <div class="weui-cells_content">活动内容</div> <div class="weui-cells"> <div class="weui-cell"> <div class="weui-cells_brief"> <input class="weui-input" type="text" placeholder="请输入活动内容"/> </div> </div> </div> <div class="weui-cell weui-cell_vcode"> <div class="weui-cell__hd"> <label class="weui-label">手机号</label> </div> <div class="weui-cell__bd"> <input class="weui-input" type="tel" placeholder="请输入手机号"> </div> </div> <div class="weui-cell weui-cell_email"> <div class="weui-cell__hd"> <label class="weui-label">邮箱</label> </div> <div class="weui-cell__bd"> <input class="weui-input" type="email" placeholder="请输入邮箱"> </div> </div> </body> </html>
6.本周碰到问题及解决方法
本周遇到的问题主要是微信端界面无法显示,包导入还是出现了一些问题,这一部分还在学习H5和css。
7.本周小结
本周将网页端改成了微信端的一些设置,但是还是出现了一些问题,电脑上无法像显示微信那样显示出来,静态页面跟后端交流不足,加上近期事务繁多,疏忽了科研立项这块,将在本周五之前会跟成员进行讨论,希望下周完成设计。
时间: 2024-10-14 22:15:56