小程序店铺列表页面

本文共有11706个字，关键词：

<p><span style="color: #7ccd7d;"></span></p><p><span style="color: #89ddff;"><</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;"> </span><span style="color: #c0c0c0;">class</span><span style="color: #89ddff;">="</span><span style="color: #fa8072;">shop-item</span><span style="color: #89ddff;">" </span><span style="color: #c0c0c0;">wx:for</span><span style="color: #89ddff;">="{{</span><span style="color: #d0d0d0;">shopList</span><span style="color: #89ddff;">}}" </span><span style="color: #c0c0c0;">wx:if</span><span style="color: #89ddff;">="</span><span style="color: #fa8072;">id</span><span style="color: #89ddff;">"></span></p><p><span style="color: #89ddff;"><</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;"> </span><span style="color: #c0c0c0;">class</span><span style="color: #89ddff;"> ="</span><span style="color: #fa8072;">thumb</span><span style="color: #89ddff;">"></span></p><p><span style="color: #89ddff;"><</span><span style="color: #71c7ff;">image</span><span style="color: #89ddff;"> </span><span style="color: #c0c0c0;">src</span><span style="color: #89ddff;">="{{</span><span style="color: #d0d0d0;">item</span><span style="color: #89ddff;">.</span><span style="color: #d0d0d0;">image</span><span style="color: #89ddff;">}}"></</span><span style="color: #71c7ff;">image</span><span style="color: #89ddff;">></span></p><p><span style="color: #89ddff;"></</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;">></span></p><p>  <span style="color: #89ddff;"><</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;"> </span><span style="color: #c0c0c0;">class</span><span style="color: #89ddff;">="</span><span style="color: #fa8072;">info</span><span style="color: #89ddff;">"></span></p><p>    <span style="color: #89ddff;"><</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;"> </span><span style="color: #c0c0c0;">class</span><span style="color: #89ddff;">="</span><span style="color: #fa8072;">shop-title</span><span style="color: #89ddff;">">{{</span><span style="color: #d0d0d0;">item</span><span style="color: #89ddff;">.</span><span style="color: #d0d0d0;">name</span><span style="color: #89ddff;">}}</</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span></p><p>    <span style="color: #89ddff;"><</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span>电话：<span style="color: #89ddff;">{{</span><span style="color: #d0d0d0;">item</span><span style="color: #89ddff;">.</span><span style="color: #d0d0d0;">phone</span><span style="color: #89ddff;">}}</</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span></p><p>    <span style="color: #89ddff;"><</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span>地址：<span style="color: #89ddff;">{{</span><span style="color: #d0d0d0;">item</span><span style="color: #89ddff;">.</span><span style="color: #d0d0d0;">addr</span><span style="color: #89ddff;">}}</</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span></p><p>    <span style="color: #89ddff;"><</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span>营业时间：<span style="color: #89ddff;">{{</span><span style="color: #d0d0d0;">item</span><span style="color: #89ddff;">.</span><span style="color: #d0d0d0;">bhour</span><span style="color: #89ddff;">}}</</span><span style="color: #71c7ff;">text</span><span style="color: #89ddff;">></span></p><p>  <span style="color: #89ddff;"></</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;">></span></p><p><span style="color: #89ddff;"></</span><span style="color: #71c7ff;">view</span><span style="color: #89ddff;">></span></p><p><span style="color: #89ddff;"><br/></span></p><p><span style="color: #89ddff;"><span style="color: rgb(124, 205, 125);"></span></span></p><p><span style="color: #89ddff;">.</span><span style="color: #87ceeb;">shop-item</span><span style="color: #89ddff;">{</span></p><p>  <span style="color: #ffa54f;">display</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">flex</span><span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">padding</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">15</span>rpx<span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">border</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">1</span>rpx <span style="color: #fa8072;">solid</span> <span style="color: #89ddff;">#efefef;</span></p><p>  <span style="color: #ffa54f;">border-radius</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">8</span>rpx<span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">margin</span><span style="color: #89ddff;">:</span><span style="color: #fa8072;">15</span>rpx<span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">box-shadow</span><span style="color: #89ddff;">:</span>  <span style="color: #fa8072;">1</span>rpx <span style="color: #fa8072;">1</span>rpx <span style="color: #fa8072;">15</span>rpx <span style="color: #89ddff;">#ddd;</span></p><p><span style="color: #89ddff;">}</span></p><p><span style="color: #89ddff;">.</span><span style="color: #87ceeb;">thumb</span> <span style="color: #71c7ff;">image</span><span style="color: #89ddff;">{</span></p><p><span style="color: #ffa54f;">width</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">250</span>rpx<span style="color: #89ddff;">;</span></p><p><span style="color: #ffa54f;">height</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">250</span>rpx<span style="color: #89ddff;">;</span></p><p><span style="color: #ffa54f;">display</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">block</span><span style="color: #89ddff;">;</span></p><p><span style="color: #ffa54f;">margin-right</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">15</span>rpx<span style="color: #89ddff;">;</span></p><p><span style="color: #89ddff;">}</span></p><p><span style="color: #89ddff;">.</span><span style="color: #87ceeb;">info</span><span style="color: #89ddff;">{</span></p><p>  <span style="color: #ffa54f;">display</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">flex</span><span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">flex-direction</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">column</span><span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">justify-content</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">space-around</span><span style="color: #89ddff;">;</span></p><p>  <span style="color: #ffa54f;">font-size</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">24</span>rpx<span style="color: #89ddff;">;</span></p><p><span style="color: #89ddff;">}</span></p><p><span style="color: #89ddff;">.</span><span style="color: #87ceeb;">shop-title</span></p><p><span style="color: #89ddff;">{</span></p><p>  <span style="color: #ffa54f;">font-weight</span><span style="color: #89ddff;">:</span> <span style="color: #fa8072;">bold</span><span style="color: #89ddff;">;</span></p><p><span style="color: #89ddff;">}</span></p><p>可能要用到的，自动加载添加数据</p><p><span style="color: #ffa54f;">getSHopList</span><span style="color: #89ddff;">()</span></p><p><span style="color: #89ddff;">{</span></p><p>  <span style="color: #c0c0c0;">wx</span><span style="color: #89ddff;">.</span><span style="color: #ffa54f;">request</span>(<span style="color: #89ddff;">{</span></p><p>    url<span style="color: #89ddff;">:</span> <span style="color: #89ddff;">`</span><span style="color: #fa8072;">https://www.abc.com/</span><span style="color: #89ddff;">${</span><span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">data</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">id</span><span style="color: #89ddff;">}</span><span style="color: #fa8072;">/list</span><span style="color: #89ddff;">`</span><span style="color: #89ddff;">,</span></p><p>    method<span style="color: #89ddff;">:</span><span style="color: #89ddff;">'</span><span style="color: #fa8072;">GET</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></p><p>    data<span style="color: #89ddff;">:{</span></p><p>      page<span style="color: #89ddff;">:</span><span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">data</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">page</span><span style="color: #89ddff;">,</span></p><p>      pagesize<span style="color: #89ddff;">:</span><span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">data</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">pagesize</span><span style="color: #89ddff;">,</span></p><p>    <span style="color: #89ddff;">},</span><span style="color: #ffa54f;">success</span><span style="color: #89ddff;">:(</span><span style="color: #fa8072;">res</span><span style="color: #89ddff;">)</span><span style="color: #f7e45a;">=></span><span style="color: #89ddff;">{</span></p><p>      <span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #ffa54f;">setData</span>(<span style="color: #89ddff;">{</span></p><p>        shopList<span style="color: #89ddff;">:</span>[<span style="color: #f7e45a;">...</span><span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">data</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">shopList</span><span style="color: #89ddff;">,</span><span style="color: #f7e45a;">...</span><span style="color: #c0c0c0;">res</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">data</span>]<span style="color: #89ddff;">,</span></p><p>        total<span style="color: #89ddff;">:</span><span style="color: #c0c0c0;">res</span><span style="color: #89ddff;">.</span><span style="color: #c0c0c0;">header</span>[<span style="color: #89ddff;">'</span><span style="color: #fa8072;">xxx</span><span style="color: #89ddff;">'</span>]<span style="color: #f7e45a;">-</span><span style="color: #fa8072;">0</span></p><p>      <span style="color: #89ddff;">}</span>)</p><p>    <span style="color: #89ddff;">}</span></p><p>  <span style="color: #89ddff;">}</span>)</p><p><span style="color: #89ddff;">}</span></p><p><br/></p>

版权声明：本文为作者原创，如需转载须联系作者本人同意，未经作者本人同意不得擅自转载。

小程序
2022-06-27
评论
240 次浏览

git push 1/1 添加一块新的硬盘作为文件存储并进行分区

添加新评论

暂无评论