1***@qq.com
1***@qq.com
  • 发布:2019-03-15 21:36
  • 更新:2019-03-16 21:29
  • 阅读:1162

图标在安卓下不能显示

分类:uni-app
<template>  
    <view class="page">  
        <view class="image-view">  
            <swiper indicator-dots="true">  
                <swiper-item v-for="(img,key) in imgUrls" :key="key">  
                    <image :src="img" />  
                </swiper-item>  
            </swiper>  
        </view>  
        <view class="otw-category-list">  
            <view class="otw-category">  
                <text class="otw-category-icon">  
                    <uni-icon size="40" type="contact" color="#ff3333" ></uni-icon>  
                </text>  
                <text class="otw-category-text">分类1</text>  
            </view>  
            <view class="otw-category">  
                <text class="otw-category-icon">  
                    <uni-icon size="40" type="weibo" color="#ff3333" ></uni-icon>  
                </text>  
                <text class="otw-category-text">分类2</text>  
            </view>  
            <view class="otw-category">  
                <text class="otw-category-icon">  
                    <uni-icon size="40" type="weibo" color="#ff3333" ></uni-icon>  
                </text>  
                <text class="otw-category-text">分类3</text>  
            </view>  
            <view class="otw-category">  
                <text class="otw-category-icon">  
                    <uni-icon size="40" type="weibo" color="#ff3333" ></uni-icon>  
                </text>  
                <text class="otw-category-text">分类4</text>  
            </view>  
        </view>  
        <view class="otw-list-top-title">每日精选</view>  
        <view class="uni-product-list">  
            <view class="uni-product" v-for="(product,index) in productList" :key="index">  
                <view class="image-view">  
                    <image v-if="renderImage" class="uni-product-image" :src="product.image"></image>  
                </view>  
                <view class="uni-product-title">{{product.title}}</view>  
                <view class="uni-product-price">  
                    <text class="uni-product-price-favour">¥{{product.originalPrice}}</text>  
                    <text class="uni-product-price-original">¥{{product.favourPrice}}</text>  
                    <text class="uni-product-tip">{{product.tip}}</text>  
                </view>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    import uniIcon from '@/components/uni-icon.vue'  
    export default {  
        components: {  
            uniIcon  
        },  
        data() {  
            return {  
                imgUrls: [  
                    "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg",  
                    "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg",  
                    "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg"  
                ],  
                productList: [],  
            }  
        },  
        onLoad() {  
            this.loadData();  
            setTimeout(()=> {  
                this.renderImage = true;  
            }, 300);  
        },  
        methods: {  
            loadData(action = 'add') {  
                const data = [  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product1.jpg',  
                        title: 'Apple iPhone X 256GB 深空灰色 移动联通电信4G手机',  
                        originalPrice: 9999,  
                        favourPrice: 8888,  
                        tip: '自营'  
                    },  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product2.jpg',  
                        title: 'Apple iPad 平板电脑 2018年新款9.7英寸',  
                        originalPrice: 3499,  
                        favourPrice: 3399,  
                        tip: '优惠'  
                    },  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product3.jpg',  
                        title: 'Apple MacBook Pro 13.3英寸笔记本电脑(2017款Core i5处理器/8GB内存/256GB硬盘 MupxT2CH/A)',  
                        originalPrice: 12999,  
                        favourPrice: 10688,  
                        tip: '秒杀'  
                    },  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product4.jpg',  
                        title: 'Kindle Paperwhite电纸书阅读器 电子书墨水屏 6英寸wifi 黑色',  
                        originalPrice: 999,  
                        favourPrice: 958,  
                        tip: '秒杀'  
                    },  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product5.jpg',  
                        title: '微软(Microsoft)新Surface Pro 二合一平板电脑笔记本 12.3英寸(i5 8G内存 256G存储)',  
                        originalPrice: 8888,  
                        favourPrice: 8288,  
                        tip: '优惠'  
                    },  
                    {  
                        image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product6.jpg',  
                        title: 'Apple Watch Series 3智能手表(GPS款 42毫米 深空灰色铝金属表壳 黑色运动型表带 MQL12CH/A)',  
                        originalPrice: 2899,  
                        favourPrice: 2799,  
                        tip: '自营'  
                    }  
                ];  

                if (action === 'refresh') {  
                    this.productList = [];  
                }  

                data.forEach(item => {  
                    this.productList.push(item);  
                });  
            }  
        },  
        onPullDownRefresh() {  
            this.loadData('refresh');  
            // 实际开发中通常是网络请求,加载完数据后就停止。这里仅做演示,加延迟为了体现出效果。  
            setTimeout(() => {  
                uni.stopPullDownRefresh();  
            }, 2000);  
        },  
        onReachBottom() {  
            this.loadData();  
        },  
    }  
</script>  

<style>  
    page,  
    image,  
    swiper,  
    .img-view {  
        width: 750upx;  
        height: 400upx;  
    }  
    .uni-product-image {  
        height: 330upx;  
        width: 330upx;  
    }  
</style>  
2019-03-15 21:36 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

问题解决了,原因是text标签不能放图标,换成view就好了

该问题目前已经被锁定, 无法添加新回复