现在将我原来web页面移植到uni-app上.
uni-app 用的是原来web页面的样式,完全无更改.
uni-app 模板也是用web的,除了uni-app要插入数据,其他无更改.
原web页面渲染
这是原来web页面
firefox ,chrome都能渲染a标签前后有空格.
uni-app渲染的H5
这是uni-app渲染出来的H5, 完全不渲染这里的空格
模板基本上是复制过来的,
样式完全用的原来的.
而且web模板中也没用nbsp之类的占位
web(php对接这里的代码)
<div class="post-meta">
<span class="post-time">
{$info.createtime|date="Y-m-d"}
</span>
<span class="post-category">
<a href="{:url('/category/'.$info.cdiyname)}">{$info.ctitle}</a>
</span>
<span class="post-visits">
阅读次数 {$info.view_count++}
</span>
</div>
uni-app这里用的模板
<view class="post-meta">
<span class="post-time">
{{info.createtime | formatDate}}
</span>
<span class="post-category">
<a :url="'/pages/index/index?cid='+ info.cate_id" :href="'/pages/index/index?cid='+ info.cate_id">{{info.ctitle}}</a>
</span>
<span class="post-visits" >
阅读次数 {{info.view_count}}
</span>
</view>
