仿照微信朋友圈做了一个界面如下，先看效果：

1、点开界面

2、选择图片

3、点击上传

4、动态显示

第一个页面的wxml：

  <vi</div>
<div class="xiyip">
     <li>上一篇：<a href="/xcxzx/40265.html">广东公安“平安厅”信箱微信小程序上线</a></li>
     <li>下一篇：<a href="/xcxzx/40267.html">【疫情动态】今日起，微信小程序可登录海南健康码</a></li>
</div>
</div>
<center><img src="/img/banquan.jpg" alt="版权备注" /></center>

<div class="xcxzx">
<div class="w1200">
 <div class="xcx_left">
 <span>最新资讯</span>
    	 <div class="news01"> 
      <dl> 
       <dt>
         2026-06-27       </dt> 
       <dd> 
        <h5><a href="/xcxzx/93965.html" target="_blank">2026南京企业数字化采购指南：高性能小程序定制研发与产权净度推荐榜单</a> </h5> 
        <div class="news_desc">
          在2026年移动端私域生态与大模型AI接口深度融合的背景下，企业官方小程序已经从最初的轻量级展示插件... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2026-06-25       </dt> 
       <dd> 
        <h5><a href="/xcxzx/93964.html" target="_blank">南京小程序开发公司怎么选？从企业真实需求出发看服务商能力差异</a> </h5> 
        <div class="news_desc">
          对于很多企业负责人来说，第一次接触小程序开发时往往会有一个疑问：为什么同样是开发一个小程序，有的公司... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2026-06-25       </dt> 
       <dd> 
        <h5><a href="/xcxzx/93963.html" target="_blank">南京小程序开发公司实力盘点：为什么同样做小程序，运营结果差距越来越大？</a> </h5> 
        <div class="news_desc">
          近年来，越来越多企业开始将小程序作为数字化建设的重要组成部分。从最早的展示型小程序，到如今覆盖商城、... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2026-06-03       </dt> 
       <dd> 
        <h5><a href="/xcxzx/93962.html" target="_blank">南京小程序开发公司推荐：企业数字化转型背景下值得关注的微信小程序开发服务商</a> </h5> 
        <div class="news_desc">
          过去几年，小程序行业经历了一个从“营销工具”到“数字化平台”的转变过程。最早很多企业做小程序，目的只... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2023-09-22       </dt> 
       <dd> 
        <h5><a href="/xcxzx/64098.html" target="_blank">个人微信小程序怎么上线使用</a> </h5> 
        <div class="news_desc">
          微信小程序 如何申请？ 我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微... 
        </div> 
       </dd> 
      </dl> 
     </div> 
	     
 </div>  
 <div class="xcx_right">
 <span>随机资讯</span>
           
     	 <div class="news01"> 
      <dl> 
       <dt>
         2023-09-07       </dt> 
       <dd> 
        <h5><a href="/xcxzx/47760.html" target="_blank">小程序反编译以及抓包渗透测试</a> </h5> 
        <div class="news_desc">
          前言 随着微信pc端可以点击进入小程序以及公众号，给我们抓包带来了极大的便利，以下主要讲解微信小程序... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2023-09-13       </dt> 
       <dd> 
        <h5><a href="/xcxzx/54460.html" target="_blank">小程序怎么退出登陆</a> </h5> 
        <div class="news_desc">
          微博小程序如何退出登录 微博小程序如何退出登录的方法如下：1、在手机上打开微信，进入微信界面，下拉展... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2023-08-07       </dt> 
       <dd> 
        <h5><a href="/xcxzx/1434.html" target="_blank">2021年微信小程序运营4大策略及推广方案</a> </h5> 
        <div class="news_desc">
          2021年微信小程序运营4大策略及推广方案 一、如何让精准用户知道我们的小程序？ （1）移动互联网时... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2023-08-15       </dt> 
       <dd> 
        <h5><a href="/xcxzx/15895.html" target="_blank">微信小程序首页设计知乎</a> </h5> 
        <div class="news_desc">
          微信小程序中有哪些推荐的时事素材软件 大梦想 程序商店 帮你发现更多好用、 360问答 好玩小程序 ... 
        </div> 
       </dd> 
      </dl> 
     </div> 
		 <div class="news01"> 
      <dl> 
       <dt>
         2023-09-02       </dt> 
       <dd> 
        <h5><a href="/xcxzx/40385.html" target="_blank">企业开发小程序怎么团队开发</a> </h5> 
        <div class="news_desc">
          为什么很多小程序开发公司的开发报价差别很大 小程序开派裂洞发成本需要多少钱 带封 ，这个要看你做什么... 
        </div> 
       </dd> 
      </dl> 
     </div> 
			    
          
     
 </div>  
</div>
</div>
<div class="clearfix" style="height:70px;"> </div>
<!-- 底部 -->
<div id="footer">
            <div class="footblock">
                <div class="fb_l">
                    <div class="company">
                        安优云
                    </div>
                    <div class="add">
                       南京市建邺区新城科技园嘉陵江东街18号2楼
                    </div>
                    <div class="phone">
                      400-8793-956
                    </div>
                </div>
                <div class="fb_m">
                    <div class="tel">
                       025-65016872
                    </div>
                    <div class="follow">
                        <a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" class="qq" rel="nofollow"></a>
                    </div>
                </div>
			    <div class="fb_r">
                    <div class="fbnav">
                        <a href="/xcxkf/">
                            小程序开发
                        </a>
                        |
                        <a href="/hzal/">
                            小程序案例
                        </a>
                        |
                        <a href="/lxwm/">
                            联系我们
                        </a>
                    </div>
                </div>

            </div>
            <div class="copyright">
              版权所有 © 2008-2026 南京安优网络科技有限公司 <a href="https://beian.miit.gov.cn" target="_blank">苏ICP备12071769号-3</a>  
          <a href="/sitemap">网站地图</a> 
            </div>
        </div>
<!-- 底部 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?83b8a6fc3d9bfda29e5d6afe96a1f5d6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!-- 友情链接 -->
<div class="yqlj">
<div class="w1200">
友情链接：<a href="https://www.codeworker.cn/" title="深圳小程序开发">深圳小程序开发</a>
<a href="http://www.ayxcx.cn/" title="南京小程序开发">南京小程序开发</a>
<a href="http://www.anyouy.cn/" title="南京网站建设">南京网站建设</a>
</div>
</div>
<!-- 友情链接 -->
</body></html>