<view class="content" v-for="(item,index) in itemList" :key="index"> <!-- 日历选择器 --> <picker mode="date" :value="item.BookTime" @change="bindDateChange($event,item)"> <view class="book left" v-if="!item.BookTime"> <image src="../../static/images/icon-calendar.png...
首先说一下前提:我是拿uniapp开发的微信小程序,这个bug感觉应该是uniapp 编译时出现的问题。 直接上图: 以防图裂,这里po出代码: <image :src="`${goods_info.imagepath}?x-oss-process=image/resize,m_lfit`" ></image> 这里是今天新加的代码,后端同事说图片地址加上'x-oss-process=image/resize',请求...
部分代码展示 <template><view class="page-home"><view class="search"><view class="input" @tap="toSearch"><cl-input prefix-icon="cl-icon-search" :placeholder="hotTitle"></cl-input></view><image src="/static/icon/message.png" @click="toMessage" /></view>...
-- 存储在购物车中的商品,包含 goods_state 属性,表示商品的勾选状态 --><radio :checked="goods.goods_state" color="#C00000" v-if="showRadio"></radio><image :src="goods.goods_small_logo || defaultPic" class="goods-pic"></image></view> 🌲9.1.4 为 my-goods 组件封装 radio-change ...
<Image v-for="item in mesImgArr" :src="item"></Image> 上传图片 </template> export default{ name:'message', components:{}, data() { return { mesImgArr:[] } }, methods: { chooseImg(){ // console.log(this) console.log('...
利用v-bind动态绑定属性 <image v-bind:src="img"></image> 1. 还可以缩写成: <image :src="img"></image> 1. ④ v-for 利用v-for进行循环 <view v-for="(item,i) in arr" :key="i">名字:{{item.name}}---年龄:{{item.age}}</view> ...
<template><scroll-view><view v-for="(item, index) in items":key="index"><text>{{item.title}}</text><image:src="item.image"></image></view></scroll-view></template>exportdefault{data(){return{items:[{title:'第一条数据',image:'/static/img1.jpg'},{title:'第二条数据',image:'...
-- 轮播图的区域 快捷键 usw --><swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"><swiper-item v-for="(item,index) in swiperList" :key="index"><!-- 利用Vue的语法操作, v-bind:src='xx' :src='xx' --><image :src="item.image_...
key="index"@tap="ViewImage":data-url="item"><image v-if="item":src="item"mode="aspectFill"></image><viewclass="cu-tag bg-red"@tap.stop="DelImg":data-index="index"><textclass='cuIcon-close'></text></view></view><viewclass="solids"@tap="ChooseImage"v-if="imgList.length<4...
-- 轮播图 --><swiper:indicator-dots="true":autoplay="true":interval="3000"circular:duration="1000"><swiper-itemclass="swiper-item"v-for="(item,index) in swiperList":key="index"><image:src="item.imgUrl"mode=""></image></swiper-item></swiper><!-- 标题区域 --><viewclass="title...