微信小程序如何访问公众号文章

微信小程序如何访问公众号文章微信小程序如何访问公众号文章

主要介绍了微信小程序如何访问公众号文章，随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击

可以直接阅读文章了,需要的朋友可以参考下

前言前言

随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。

主要代码：主要代码：

<web-view src="https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247485016&idx=1&sn=e5f60600ea30f669264ddcf5db4fb080&chksm=eaef2168dd98a87ead60eed0f24e799c1befbfe95e341231216af72315c33a56839f92e69ef9&token=29762947&lang=zh_CN#rd"></web-view>

为了达到效果，更加具体的demo

<image class="button" src="/images/search.png" bindtap="tapSearch" />

</view>

</navigator>

<view class="container">

<view wx:for="{{cardTeams}}" wx:key="{{cardTeam.viewid}}" wx:for-item="cardTeam" class="item" bindtap="bindViewTap">

<image class="img" src="{{cardTeam.imgsrc}}" mode="scaleToFill"></image>

<view class="number-wrapper">

<text class="name">{{cardTeam.name}}</text>

<view class="count-wrapper">

<text class="count">{{cardTeam.count}}</text>

padding-top: 0;

}

.item {

width: 100%;

height: 220rpx;

position: relative;

display: flex;

margin: 10rpx 10rpx;

border-bottom: 1px solid rgb(197, 199, 199);

}

background-color: red;

position: absolute;

top: 0;

right: -60px;

display: flex;

justify-content: center;

align-items: center;

}

.item .number-wrapper {

height: 100%;

height: 100%;

padding-right: 20rpx;

display: flex;

justify-content: center;

align-items: center;

background-color: #98f5ff;

}

.item .img {

width: 150rpx;

height: 150rpx;

}

.number-wrapper .count-wrapper {

display: flex;

align-items: center;

margin-left: 10rpx;

font-size: 25rpx;

}

.number-wrapper .count-wrapper .decrease-btn {

font-size: 30rpx;

}

}

.number-wrapper .price-wrapper .people {

margin-left: 250rpx;

font-size: 30rpx;

}