<template>
<div>
<div class="search-bar">
<van-row class="test-row">
<van-col span="3">
<img src="https://bbs.csdn.net/topics/ imgUrl" width="100%" heigth="100%" class="location-icon"/>
</van-col>
<van-col span="16">
<input type="text" class="search-input"/>
</van-col>
<van-col span="5">
<van-button size="mini">查找
</van-button>
</van-col>
</van-row>
</div>
</div>
</template>
<script>
export default {
data()
{
return{
msg:'shopping mall',
imgUrl:require('../../assets/images/location.png')
}
}
}
</script>
<style scoped>
.search-bar{
height: 2.2rem;
background-color: darkmagenta;
line-height: 2.2rem;
}
.search-input{
width: 100%;
height:1.3rem;
border-top:0px;
border-right:0px;
border-bottom:1px solid #fff !important;
background-color: darkmagenta;
color: aliceblue;
}
.location-icon{
padding-top: .2rem;
padding-left:.3rem
}
</style>
uj5u.com熱心網友回復：
v-bind:src="https://bbs.csdn.net/topics/imgUrl"uj5u.com熱心網友回復：
樓上正解，:src= https://bbs.csdn.net/topics/uj5u.com熱心網友回復：
您好，還是錯誤，我能加您，請教嗎
uj5u.com熱心網友回復：
imgUrl:require('../../assets/images/location.png') <img src="https://bbs.csdn.net/topics/ imgUrl" width="100%" heigth="100%" class="location-icon"/>改成imgUrl: '../../assets/images/location.png'
<img :src="https://bbs.csdn.net/topics/ imgUrl" width="100%" heigth="100%" class="location-icon"/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/111164.html
標籤：JavaScript
下一篇：Dreamweaver