-
![]()
+
+
![]()
@@ -16,23 +20,24 @@
地址：{{info.address}}
+
在线预订
+
@@ -48,15 +53,31 @@
},
info: {
type: Object,
- detault: {}
+ default: {}
},
audioSrc: {
type: String,
- detault: ''
+ default: ''
},
genreType: {
type: String,
- detault: ''
+ default: ''
+ },
+ imgList: {
+ type: String,
+ default: ''
+ },
+ content: {
+ type: String,
+ default: ''
+ },
+ isCanBuy: {
+ type: Boolean,
+ default: false
+ },
+ tel: {
+ type: String,
+ default: ''
}
},
data() {
@@ -65,9 +86,14 @@
}
},
mounted() {
- this.$refs.audio.src = this.util.showImg(this.audioSrc)
+ this.$refs.audio.src = this.util.showImg(this.audioSrc) || ''
+ this.info.link_type = 2
},
methods: {
+ // 拨打电话
+ goTel() {
+ window.location.href = 'tel:' + this.tel;
+ },
audioPlay(status) {
console.log(this.$refs.audio.paused)
if(status) {
@@ -100,16 +126,32 @@
font-size: 40px;
color: #000000;
- .top-btn {
- width: 133px;
- line-height: 59px;
- background: #F74A57;
- border-radius: 13px;
+ img {
+ width: 37px;
+ height: 37px;
+ margin-bottom: 5px;
+ }
+
+ div {
text-align: center;
- font-size: 32px;
- color: #FFFFFF;
+ font-weight: 500;
+ font-size: 24px;
+ color: #00AEA0;
+ white-space: nowrap;
}
}
+ .buy-btn {
+ margin: 36px 0 0 auto;
+ width: 200px;
+ height: 59px;
+ background: #FF7F00;
+ border-radius: 13px;
+ line-height: 59px;
+ text-align: center;
+ font-weight: bold;
+ font-size: 32px;
+ color: #FFFFFF;
+ }
.img-box {
overflow-x: auto;
display: flex;
@@ -153,7 +195,7 @@
width: 150px;
font-weight: 500;
font-size: 24px;
- color: #71B580;
+ color: #00AEA0;
img {
width: 37px;
+ 搜索
+ 
+ 
+ 
- 
- 
+ 
+ 