qq_51196770
一 研 为定
采纳率33.3%
2021-03-01 17:13

taro中用Card组件可以做出微信朋友圈的效果吗

5
已结题

想问一下各位大神,我想用taro中的Card组件做出这种类似微信朋友圈效果,能做出来吗

这是我自己用Card组件做的

自己做的

但是不知道它自带的蓝框怎样删去?

我想做成微信朋友圈这样的,有文字,能附图的这种

希望各位大神有空能给解答一下

(我在用taro的框架做微信小程序)

  • 点赞
  • 收藏
  • 复制链接分享

3条回答

  • qq_51196770 一 研 为定 1月前

    问题已经解决了,没有用到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>

    展示

    点赞 评论 复制链接分享
  • weixin_44708870 前行的枫 1月前

    应该是可以的

    点赞 评论 复制链接分享
  • qq_51196770 一 研 为定 1月前

    就是类似学习强国的文章这样的样式,只有图片和文字,底下是点赞转发

    点赞 评论 复制链接分享

为你推荐