收藏
回答

微信开发工具 xwml 引用template模拟器无法正常显示,真机可以 为什么?

微信开发工具 xwml 引用template模拟器无法正常显示,真机可以

版本号:1.05.2201240

good-tpl.wxss

.goods_list{
  display: flex; 
  flex-wrap: wrap;
  justify-content:space-between;
  padding-left: 10rpx;
  padding-right: 10rpx;
}


.good_item{
  display: flex;
  flex-flow: column nowrap;
  width: 48vw;
  height: auto;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
  background-color:white;
  border-radius: 15rpx;
}



image{
  width: 48vw;
  height:48vw;
  flex: none;
  border-top-left-radius: 15rpx;
  border-top-right-radius: 15rpx;
}


.text-name{
  margin-top: 10rpx;
  margin-left: 10rpx;
}


.item-flex{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  justify-items: center;
}

goods-tpl.wxml
<template name="goodsList">
  <view class="goods_list">
    <block wx:for="{{goods}}">
      <view class="good_item" data-id="{{item.id}}" bindtap="goGoodsDetails">
          <image src="{{item.cover}}"></image>
        <view>
          <text class="text-name">{{item.name}}</text>
          <view class="item-flex">
            <text style="font-size: 18rxp; color:crimson;">¥{{item.price}}</text>
            <text class="col-666">库存 {{item.stock}}</text>
            <text class="col-666">销量 {{item.sales}}</text>
          </view>
        </view>
      </view>
    </block>
  </view>
</template>

在其他wxml引用 真机可以显示 模拟器无法显示
<import src="../../tpls/goodsList/goods_tpl"/>



最后一次编辑于  2022-03-18
回答关注问题邀请回答
收藏

2 个回答

  • cover
    cover
    2022-03-17

    你好,这边可以提供一个可以能复现问题的简单代码片段吗?(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-03-17
    有用
    回复 10
    • ysjjobs
      ysjjobs
      2022-03-18
      麻烦帮忙看一下
      2022-03-18
      回复
    • cover
      cover
      2022-03-18回复ysjjobs
      代码没看出具体问题。这边可以给一个可以运行起来页面项目代码片段吗?或者你试试将你出现的问题代码看能否简化下?目前看是能正常渲染 template 的内容。不知道你是不是路径拼错的问题?
      2022-03-18
      回复
    • ysjjobs
      ysjjobs
      2022-03-21
      路径没错 在真机上可以显示,路径错了真机几显示不了吧
      2022-03-21
      回复
    • commy
      commy
      2022-03-21回复ysjjobs
      单看文字描述并不能理解问题所在,建议提供一个可以能复现问题的简单代码片段吗?(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
      2022-03-21
      回复
    • ysjjobs
      ysjjobs
      2022-03-22
      https://developers.weixin.qq.com/s/ADOhTWmO7mxQ
      2022-03-22
      回复
    查看更多(5)
  • ysjjobs
    ysjjobs
    2022-03-18
    <template name="goodsList">
      <view class="goods_list">
        <block wx:for="{{goods}}">
          <view class="good_item" data-id="{{item.id}}" bindtap="goGoodsDetails">
              <image src="{{item.cover}}"></image>
            <view>
              <text class="text-name">{{item.name}}</text>
              <view class="item-flex">
                <text style="font-size: 18rxp; color:crimson;">¥{{item.price}}</text>
                <text class="col-666">库存 {{item.stock}}</text>
                <text class="col-666">销量 {{item.sales}}</text>
              </view>
            </view>
          </view>
        </block>
      </view>
    </template>
    
    
    2022-03-18
    有用
    回复 1
    • ysjjobs
      ysjjobs
      2022-03-18
      .goods_list{
        display: flex;
        flex-wrap: wrap;
        justify-content:space-between;
        padding-left: 10rpx;
        padding-right: 10rpx;
      }
      .good_item{
        display: flex;
        flex-flow: column nowrap;
        width: 48vw;
        height: auto;
        margin-top: 20rpx;
        padding-bottom: 20rpx;
        background-color:white;
        border-radius: 15rpx;
      }
      image{
        width: 48vw;
        height:48vw;
        flex: none;
        border-top-left-radius: 15rpx;
        border-top-right-radius: 15rpx;
      }
      .text-name{
        margin-top: 10rpx;
        margin-left: 10rpx;
      }
      .item-flex{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        justify-items: center;
      }
      2022-03-18
      回复
登录 后发表内容