hushasha
/
trustieforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

课程讨论区与课程通知详情页面样式更新

Browse Source
dev_pull
txz 9 years ago
parent bd1aae07fd
commit 45b824938e
4 changed files with 92 additions and 72 deletions
Show Stats Download Patch File Download Diff File

21
public/assets/wechat/activities.html
Unescape View File

@ -23,7 +23,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -60,7 +61,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -95,7 +97,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -147,7 +150,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -185,7 +189,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -235,7 +240,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>
@ -271,7 +277,8 @@
<div class="post-dynamic-author hidden fl"> <div class="post-dynamic-author hidden fl">
<span ng-if="act.author.realname != ' '">{{act.author.realname}}</span> <span ng-if="act.author.realname != ' '">{{act.author.realname}}</span>
<span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span> <span ng-if="act.author.realname == ' '">{{act.author.nickname}}</span>
<!--<img src="images/wechat/male.png" width="14" class="ml5" />--> <img ng-if="act.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<img ng-if="act.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div> </div>
<div class="post-dynamic-time fr f13">{{act.latest_update}}</div> <div class="post-dynamic-time fr f13">{{act.latest_update}}</div>
<div class="cl"></div> <div class="cl"></div>

72
public/assets/wechat/course_discussion.html
Unescape View File

@ -4,51 +4,57 @@
<div ng-if="discussion.act_type == 'Message'"> <div ng-if="discussion.act_type == 'Message'">
<div class="post-container"> <div class="post-container">
<div loading-spinner></div> <div loading-spinner></div>
<div class="post-wrapper"> <div class="post-wrapper" style="margin-top:0;">
<div class="post-main"> <div class="post-main">
<div class="post-title mb5"><span class="c-grey3 f15 fb">{{discussion.subject}}</span><img ng-if="discussion.locked" src="/images/locked.png" style="display:inline-block;" /></div> <div class="post-avatar fl mr10"><img ng-src="{{discussion.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
<table class="post-detail-info"><tr> <div class="post-dynamic-author hidden fl">
<td class="text-nowrap v-top">发布者：</td> {{discussion.user.realname}}
<td>{{discussion.user.realname}}</td> <img ng-if="discussion.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
</tr> <img ng-if="discussion.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
<tr> </div>
<td class="text-nowrap v-top">来&nbsp;&nbsp;&nbsp;源：</td>
<td>{{discussion.course_project_name}}&nbsp;&nbsp;|&nbsp;&nbsp;课程问答区</td>
</tr></table>
<div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="discussion.content|safeHtml"></div>
<div class="cl"></div> <div class="cl"></div>
<span class="c-grey f13 mt10 fl">{{discussion.created_on}}</span> <div class="post-dynamic-title c-grey3 mt12 fb">{{discussion.subject}}</div>
<div class="c-grey4 f13 mt10"><span class="mr10">{{discussion.course_project_name}}-课程问答区</span><span>{{discussion.created_on}}</span></div>
<div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="discussion.content|safeHtml"></div>
<div class="cl"></div>
<div class="fr f13">
<div ng-if="!discussion.praise_count" ng-click="addPraise(discussion);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>赞</span></div>
<div ng-if="discussion.praise_count && !discussion.has_praise" ng-click="addPraise(discussion);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{discussion.praise_count}}</span></div>
<div ng-if="discussion.has_praise" ng-click="decreasePraise(discussion);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{discussion.praise_count}}</span></div>
</div>
<div class="fr mr25 f13">
<a ng-if="!discussion.replies_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
<a ng-if="discussion.replies_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">{{discussion.replies_count}}</span></a>
</div>
<div class="cl"></div> <div class="cl"></div>
</div>
<div class="post-interactive border-bottom">
<div class="post-interactive-reply c-grey">回复 <span class="reply-num">({{discussion.replies_count}})</span></div>
<div class="post-interactive-column c-grey" ng-if="discussion.has_praise" ng-click="decreasePraise(discussion);">已赞 ({{discussion.praise_count}})</div>
<div class="post-interactive-column c-grey" ng-if="!discussion.has_praise" ng-click="addPraise(discussion);">赞 ({{discussion.praise_count}})</div>
</div> </div>
<div id="all_course_message_reply"> <div id="all_course_message_reply">
<div class="post-reply-wrap border-bottom" ng-repeat="journal in discussion.message_children"> <div ng-if="news.comments == ''" style="border-top:1px solid #ccc;"></div>
<div class="post-reply-row"> <div class="post-reply-wrap" ng-repeat="journal in discussion.message_children">
<div class="post-reply-avatar fl"><img ng-src="{{journal.user.img_url}}" width="45" height="45" class="border-radius" /></div> <div class="post-reply-row">
<div class="ml55"> <div class="post-avatar fl mr10"><img ng-src="{{journal.user.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
<div class="post-reply-user hidden">{{journal.user.realname}}</div> <div class="post-dynamic-author hidden fl">
<div class="post-reply-content c-grey2 mb10" ng-bind-html="journal.content|safeHtml"></div> {{journal.user.realname}}
<div class="post-reply-date fl">{{journal.lasted_comment}}</div> <img ng-if="journal.user.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<div class="post-reply-trigger fr undis">回复</div> <img ng-if="journal.user.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div>
<div class="post-dynamic-time fr f13">{{journal.lasted_comment}}</div>
<div class="cl"></div>
<div class="post-reply-content c-grey2 mt12" ng-bind-html="journal.content|safeHtml"></div>
<div class="cl"></div>
</div> </div>
<div class="cl"></div>
</div> </div>
</div> </div>
</div>
<div ng-if="!discussion.locked" class="post-input-wrap"> <div ng-if="!discussion.locked" id="post_input_1" class="post-input-wrap2">
<div class="post-reply-row"> <div class="post-reply-row">
<!--<div class="post-reply-avatar fl"><img src="images/post-avatar.jpg" width="30" height="30" /></div>-->
<div class="post-input-container"> <div class="post-input-container">
<textarea class="copy-input"></textarea> <textarea class="copy-input"></textarea>
<textarea input-auto type="text" class="post-reply-input" id="postInput" ng-model="formData.comment" /></textarea> <textarea input-auto type="text" class="post-reply-input" id="postInput1" ng-model="formData.comment" placeholder="输入回复内容~" /></textarea>
<button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
<button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
<div class="cl"></div>
</div> </div>
<button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr mt10">回复</button>
<button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr mt10">回复</button>
<div class="cl"></div>
</div> </div>
</div> </div>
</div> </div>

70
public/assets/wechat/course_notice.html
Unescape View File

@ -3,51 +3,57 @@
<div loading-spinner></div> <div loading-spinner></div>
<div ng-if="news.act_type == 'News'"> <div ng-if="news.act_type == 'News'">
<div class="post-container"> <div class="post-container">
<div class="post-wrapper"> <div class="post-wrapper" style="margin-top:0;">
<div class="post-main"> <div class="post-main">
<div class="post-title mb5"><span class="c-grey3 f15 fb">{{news.title}}</span></div> <div class="post-avatar fl mr10"><img ng-src="{{news.author.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
<table class="post-detail-info"><tr> <div class="post-dynamic-author hidden fl">
<td class="text-nowrap v-top">发布者：</td> {{news.author.realname}}
<td>{{news.author.realname}}</td> <img ng-if="news.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
</tr> <img ng-if="news.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
<tr> </div>
<td class="text-nowrap v-top">来&nbsp;&nbsp;&nbsp;源：</td> <div class="cl"></div>
<td>{{news.course_name}}&nbsp;&nbsp;|&nbsp;&nbsp;课程通知</td> <div class="post-dynamic-title c-grey3 mt12 fb">{{news.title}}</div>
</tr></table> <div class="c-grey4 f13 mt10"><span class="mr10">{{news.course_name}}-课程通知</span><span>{{news.created_on}}</span></div>
<div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="news.description|safeHtml"></div> <div class="f13 c-grey3 mt10 text-control post-all-content" ng-bind-html="news.description|safeHtml"></div>
<div class="cl"></div> <div class="cl"></div>
<span class="c-grey f13 mt10 fl">{{news.created_on}}</span> <div class="fr f13">
<div ng-if="!news.praise_count" ng-click="addPraise(news);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>赞</span></div>
<div ng-if="news.praise_count && !news.has_praise" ng-click="addPraise(news);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{news.praise_count}}</span></div>
<div ng-if="news.has_praise" ng-click="decreasePraise(news);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{news.praise_count}}</span></div>
</div>
<div class="fr mr25 f13">
<a ng-if="!news.comments_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
<a ng-if="news.comments_count"><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">{{news.comments_count}}</span></a>
</div>
<div class="cl"></div> <div class="cl"></div>
</div> </div>
<div class="post-interactive border-bottom">
<div class="post-interactive-reply c-grey">回复 <span class="reply-num">({{news.comments_count}})</span></div>
<div class="post-interactive-column c-grey" ng-if="news.has_praise" ng-click="decreasePraise(news);">已赞 ({{news.praise_count}})</div>
<div class="post-interactive-column c-grey" ng-if="!news.has_praise" ng-click="addPraise(news);">赞 ({{news.praise_count}})</div>
</div>
<div id="all_news_reply"> <div id="all_news_reply">
<div class="post-reply-wrap border-bottom" ng-repeat="comments in news.comments"> <div ng-if="news.comments == ''" style="border-top:1px solid #ccc;"></div>
<div class="post-reply-row"> <div class="post-reply-wrap" ng-repeat="comments in news.comments">
<div class="post-reply-avatar fl"><img ng-src="{{comments.author.img_url}}" width="45" height="45" class="border-radius" /></div> <div class="post-reply-row">
<div class="ml55"> <div class="post-avatar fl mr10"><img ng-src="{{comments.author.img_url}}" width="30" height="30" class="border-radius img-circle" /></div>
<div class="post-reply-user hidden">{{comments.author.realname}}</div> <div class="post-dynamic-author hidden fl">
<div class="post-reply-content c-grey2 mb10" ng-bind-html="comments.comments|safeHtml"></div> {{comments.author.realname}}
<div class="post-reply-date fl">{{comments.created_on}}</div> <img ng-if="comments.author.gender == '0'" src="images/wechat/male.png" width="14" class="ml5" />
<div class="post-reply-trigger fr undis">回复</div> <img ng-if="comments.author.gender != '0'" src="images/wechat/female.png" width="14" class="ml5" />
</div>
<div class="post-dynamic-time fr f13">{{comments.created_on}}</div>
<div class="cl"></div>
<div class="post-reply-content c-grey2 mt12" ng-bind-html="comments.comments|safeHtml"></div>
<div class="cl"></div>
</div> </div>
<div class="cl"></div>
</div> </div>
</div> </div>
</div>
<div class="post-input-wrap"> <div id="post_input_1" class="post-input-wrap2">
<div class="post-reply-row"> <div class="post-reply-row">
<!--<div class="post-reply-avatar fl"><img src="images/post-avatar.jpg" width="30" height="30" /></div>-->
<div class="post-input-container"> <div class="post-input-container">
<textarea class="copy-input"></textarea> <textarea class="copy-input"></textarea>
<textarea input-auto type="text" class="post-reply-input" id="postInput" ng-model="formData.comment" /></textarea> <textarea input-auto type="text" class="post-reply-input" id="postInput1" ng-model="formData.comment" placeholder="输入回复内容~" /></textarea>
<button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
<button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
<div class="cl"></div>
</div> </div>
<button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr mt10">回复</button>
<button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr mt10">回复</button>
<div class="cl"></div>
</div> </div>
</div> </div>
</div> </div>

1
public/stylesheets/weui/weixin.css
Unescape View File

@ -112,6 +112,7 @@ a.underline {text-decoration:underline;}
.more-events {width:100%; font-size:13px; text-align:center; margin:0 auto; padding: 5px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-radius:3px; background-color:#f8f9fb; } .more-events {width:100%; font-size:13px; text-align:center; margin:0 auto; padding: 5px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-radius:3px; background-color:#f8f9fb; }
.border-bottom {border-bottom:1px solid #e6e6e6;} .border-bottom {border-bottom:1px solid #e6e6e6;}
.post-reply-wrap {width:100%;} .post-reply-wrap {width:100%;}
.post-reply-wrap:first-child {border-top:1px solid #ccc;}
.post-input-wrap {width:100%; position:fixed; bottom:0;} .post-input-wrap {width:100%; position:fixed; bottom:0;}
.post-input-wrap2 {width:100%;} .post-input-wrap2 {width:100%;}
.post-reply-row {padding:10px 15px; color:#9a9a9a; background-color:#fff;} .post-reply-row {padding:10px 15px; color:#9a9a9a; background-color:#fff;}

Write Preview
Loading…
Cancel
Save