想问一下各位大神,我想用taro中的Card组件做出这种类似微信朋友圈效果,能做出来吗
这是我自己用Card组件做的
但是不知道它自带的蓝框怎样删去?
我想做成微信朋友圈这样的,有文字,能附图的这种
希望各位大神有空能给解答一下
(我在用taro的框架做微信小程序)
就是类似学习强国的文章这样的样式,只有图片和文字,底下是点赞转发
应该是可以的
问题已经解决了,没有用到taro的Card框架,自己写了一个,感兴趣的朋友可以看看
CSS
.card-page{
background: #ffffff;
min-height: 100vh;
}
.card-one {
height: 30vh;
width: 100%;
display: flex;
box-shadow: 0px 0px 0.5px 0.5px #DDDDDD;
flex-wrap: wrap;
}
.text-content{
padding: 10px 10px 10px 10px;
min-width: 100%;
height: 35px;
font-size: 30rpx;
}
.card-img{
width: -100px;
height: 20vh;
padding: 0px 10px 0px 10px;
text-align: center;
}
.text-bottom{
text-align: left;
width: 100%;
font-size: 25px;
color:#aaaaaa;
padding: 0px 0px 0px 10px;
}
wxml
<View className='card-page'>
<View class='card-one'>
<View className='text-content'>
<Text>建设美丽乡村,开展“五进农家”活动</Text>
</View>
<View>
<Image mode = 'aspectFill' className='card-img' src={bg}></Image>
</View>
<View className='text-bottom'>
<Text>管理员</Text>
<Text> 2021-03-14</Text>
</View>
</View>
<View>
展示