Commit 6e3cf806 authored by 秦嘉's avatar 秦嘉

小程序图片不显示

parent c50f9702
<template> <template>
<view class="appoint"> <view class="appoint">
<view class="appoint-card"> <view class="appoint-card">
<swiper circular v-if="bannerlist.length>1" :indicator-dots="indicatorDot" autoplay="true" interval="3000" duration="500"> <swiper circular v-if="bannerlist.length>1" :indicator-dots="indicatorDot" autoplay="true" interval="3000" duration="500">
<swiper-item v-for="(item,i) in bannerlist ":key="i" > <swiper-item v-for="(item,i) in bannerlist ":key="i" >
<image :src="item"></image> <image :src="item"></image>
</swiper-item> </swiper-item>
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
<image :src="item"></image> <image :src="item"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- <image :src="appoin.bannerImage" style="border-radius:16px 16px 0 0 " mode=""></image> --> <!-- <image :src="appoin.bannerImage" style="border-radius:16px 16px 0 0 " mode=""></image> -->
<view class="info"> <view class="info">
<view class="item">课程名称:<view class="item_c">{{appoin.courseName|ellipsis}}</view></view> <view class="item">课程名称:<view class="item_c">{{appoin.courseName|ellipsis}}</view></view>
...@@ -46,10 +46,10 @@ ...@@ -46,10 +46,10 @@
Idscourse: '' , Idscourse: '' ,
indicatorDot:true, indicatorDot:true,
indicatorDots:false, indicatorDots:false,
} }
}, },
filters: { filters: {
ellipsis(value){ ellipsis(value){
if (!value) return ''; if (!value) return '';
...@@ -59,8 +59,8 @@ ...@@ -59,8 +59,8 @@
return value return value
} }
}, },
methods: { methods: {
getappoin(id){ getappoin(id){
...@@ -70,10 +70,11 @@ ...@@ -70,10 +70,11 @@
console.log(res); console.log(res);
if(res.code === 200){ if(res.code === 200){
this.appoin = res.data this.appoin = res.data
this.appoin.remarks = this.appoin.remarks.replace(/src="/,`src="https://www.aiwanyundong.com`)
this.bannerlist = this.appoin.bannerImage.split(",") this.bannerlist = this.appoin.bannerImage.split(",")
// this.bannerlist.push(this.appoin.bannerImage) // this.bannerlist.push(this.appoin.bannerImage)
console.log("12111",this.bannerlist) console.log("12111",this.bannerlist)
} }
}) })
...@@ -103,10 +104,10 @@ ...@@ -103,10 +104,10 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-x:hidden; overflow-x:hidden;
} }
.appoint-card{ .appoint-card{
// margin: 40rpx; // margin: 40rpx;
width: 96%; width: 96%;
margin: 4% 2% 0 2%; margin: 4% 2% 0 2%;
...@@ -131,7 +132,7 @@ ...@@ -131,7 +132,7 @@
background: #ffffff; background: #ffffff;
border-radius: 16px; border-radius: 16px;
box-shadow: 0px 3px 10px 0px #dddddd; box-shadow: 0px 3px 10px 0px #dddddd;
.appoint-card-ainfo{ .appoint-card-ainfo{
// margin: ; // margin: ;
// margin-left: 50px; // margin-left: 50px;
...@@ -166,9 +167,9 @@ ...@@ -166,9 +167,9 @@
text-align:lef; text-align:lef;
color: #333333; color: #333333;
line-height: 22px; line-height: 22px;
.item_c { .item_c {
width: 300px; width: 300px;
height: 35rpx; height: 35rpx;
font-size: 35rpx; font-size: 35rpx;
...@@ -179,13 +180,13 @@ ...@@ -179,13 +180,13 @@
color: #666666; color: #666666;
line-height: 22px; line-height: 22px;
} }
} }
} }
.appoint-footer{ .appoint-footer{
position: fixed; position: fixed;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment