Skip to content

Commit

Permalink
change
Browse files Browse the repository at this point in the history
  • Loading branch information
@useryangtao
useryangtao committed Sep 25, 2016
1 parent 2384839 commit 6759614
Show file tree
Hide file tree
Showing 8 changed files with 30 additions and 141 deletions.
14 changes: 9 additions & 5 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,21 +34,25 @@ npm run build

微信貌似屏蔽githubt.io;
如微信扫码，请 点击右上角-> 浏览器 打开
加载略慢
加载略慢,建议clone本地预览


### 基本操作
######页面切换,动画过渡
页面切换,动画过渡
(仿照ios系统切换风格:下一页打开时,当前页左偏移-30%;当前页关闭时,上一页左偏移从-30%过渡到0%)

![](./src/assets/images/readme/view-wechat-animation.gif)

#####消息列表 (未读/已读)操作 及 删除
消息列表 (未读/已读)操作 及 删除

![](./src/assets/images/readme/view-wechat-chat.gif)

#####发现-朋友圈
发现-朋友圈

![](./src/assets/images/readme/view-wechat-find-albums-friends.gif)

#####发现-扫一扫
发现-扫一扫

![](./src/assets/images/readme/view-wechat-find-sao-yi-sao.gif)


Expand Down
125 changes: 4 additions & 121 deletions src/assets/css/dialogue-bar.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -238,174 +238,57 @@
}

.voice-inner .voice-volume span {
background-color: #e4e4e5;
display: block;
height: 2px;
margin-top: 4px;
min-width: 8px;
display: block;
float: left;
clear: both;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 2000ms;
visibility: hidden;
background-color: #e4e4e5;
/* opacity: 0 ; */
}


.voice-inner .voice-volume span:nth-child(1) {
width: 24px;
animation-name: alpha9;
visibility: hidden;
}

.voice-inner .voice-volume span:nth-child(2) {
width: 22px;
animation-name: alpha8;
}

.voice-inner .voice-volume span:nth-child(3) {
width: 20px;
animation-name: alpha7;
}

.voice-inner .voice-volume span:nth-child(4) {
width: 18px;
animation-name: alpha6;
}

.voice-inner .voice-volume span:nth-child(5) {
width: 16px;
animation-name: alpha5;
}

.voice-inner .voice-volume span:nth-child(6) {
width: 14px;
animation-name: alpha4;
}

.voice-inner .voice-volume span:nth-child(7) {
width: 12px;
animation-name: alpha3;
}

.voice-inner .voice-volume span:nth-child(8) {
width: 10px;
animation-name: alpha2;
}

.voice-inner .voice-volume span:nth-child(9) {
width: 8px;
animation-name: alpha1;
}

@keyframes alpha1 {
0% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha2 {
0% {
visibility: hidden;
}
,
10% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha3 {
0% {
visibility: hidden;
}
,
20% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha4 {
0% {
visibility: hidden;
}
,
30% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha5 {
0% {
visibility: hidden;
}
,
40% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha6 {
0% {
visibility: hidden;
}
,
50% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha7 {
0% {
visibility: hidden;
}
,
60% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}

@keyframes alpha8 {
0% {
visibility: hidden;
}
,
70% {
visibility: hidden;
}
,
100% {
visibility: visible;
}
}


/**/

.recording-cancel {
Expand Down
Binary file added src/assets/images/readme/view-chat.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/components/dialogue-bar-person.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export default {
methods: {
switch_way(way) {
//say,txt
console.log(way)
// console.log(way)
this.way = way;
},
switch_way_say(boo) {
Expand Down
10 changes: 5 additions & 5 deletions src/mock/chat.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ var list = [{
"qq": "00001",
"email": "[email protected]",
"type": "friends",
"iconSrc": "https://images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"iconSrc": "//images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"qrCode": "",
"signature": "个性签名",
"telphone": 18812345678,
Expand All @@ -29,7 +29,7 @@ var list = [{
"chatDialogueModel": [],
"chatMemberModel": [{
"id": 1,
"iconSrc": "https://images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"iconSrc": "//images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"name": "杨涛",
"nickname": "nick_杨涛",
"remark": "remark_杨涛",
Expand Down Expand Up @@ -70,13 +70,13 @@ var list = [{
"chatDialogueModel": [],
"chatMemberModel": [{
"id": 1,
"iconSrc": "https://images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"iconSrc": "//images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"name": "yangtao01",
"nickname": "nick_微信群01",
"remark": "remark_微信群01",
}, {
"id": 1,
"iconSrc": "https://images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"iconSrc": "//images2015.cnblogs.com/blog/528573/201609/528573-20160925131410373-516492873.jpg",
"name": "yangtao02",
"nickname": "nick_微信群01",
"remark": "remark_微信群01"
Expand All @@ -99,7 +99,7 @@ var list = [{
"qq": "00000",
"email": "[email protected]",
"type": "service",
"iconSrc": "http://images2015.cnblogs.com/blog/528573/201609/528573-20160922172336606-2007675830.jpg",
"iconSrc": "//images2015.cnblogs.com/blog/528573/201609/528573-20160922172336606-2007675830.jpg",
"qrCode": "",
"signature": "个性签名",
"telphone": 18812345678,
Expand Down
12 changes: 7 additions & 5 deletions src/views/chat.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,9 +70,6 @@ export default {
}) {
this.set_menu_active(0)
this.get_menu_wechat_list(() => {
this.computed_unRead_count()
})
next()
}
},
Expand Down Expand Up @@ -116,7 +113,8 @@ export default {
},
computed_unRead_count() {
//计算未读数量
let sum = 0
let sum = 0;
console.log(this.wechat_list)
this.wechat_list.forEach(({
chatBaseModel,
chatConfigModel
Expand Down Expand Up @@ -161,7 +159,11 @@ export default {
components: {
searchBar
},
created() {}
created() {
this.get_menu_wechat_list(() => {
this.computed_unRead_count()
})
}
}
</script>
<style scoped>
Expand Down
6 changes: 3 additions & 3 deletions src/views/chat/dialogue.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,8 +62,7 @@ export default {
next
}) {
//icon
var cls = this.dialogue_type === 'group' ? 'group' : 'person'
this.topModel.nextIcon = 'icon-chat-' + cls
this.topModel.nextIcon = 'icon-chat-' + this.dialogue_type
this.topModel.curText = this.chat_base.name
//bar
this.dialogue_bar_type = this.dialogue_bar.menu.length > 0 ? 'dialogueBar' : 'dialogueBarPerson'
Expand All @@ -78,7 +77,8 @@ export default {
} else if (roleType === 'friends') {
nextPath = '/chat/dialogue/chat-detail'
} else if(roleType === 'service'){
nextPath = '/contact/public-info'
nextPath = ''
// nextIcon = ''
}
this.topModel.nextPath = nextPath
Expand Down
2 changes: 1 addition & 1 deletion src/views/contact/public-info.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
</top-handle>
<div class="_cover-content _effect"
:class="{'_effect--30':decline}">
<div></div>
<div>123</div>
</div>
</div>
<!-- router -->
Expand Down

0 comments on commit 6759614

Please sign in to comment.