记如何逼疯一个正在入门的前端程序员

最新推荐文章于 2024-05-24 14:42:36 发布

凉冰封喉

最新推荐文章于 2024-05-24 14:42:36 发布

阅读量253

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/Python_zilanxuan/article/details/107235164

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

微信小程序自定义组件，列表展示

调用：
<!-- 标签切换 -->
<!-- 1.animated 切换动画 2.swipeable滑动切换 -->
<van-tabs animated swipeable custom-class="biaoqian" active="{{ active }}">
	<van-tab wx:for="{{product}}" wx:key="product.id" title="{{item.name}}">
		<List2  product2="{{productALL[item.id]}}" />
	</van-tab>
</van-tabs>

组件：
<!--Components/List2/List2.wxml-->
  <view >
			<!-- 美食列表 -->
			<view >
				<view class="fenkai" wx:for="{{product2}}" wx:for-item="item2" wx:key='productALL.id' >
					<view class="tupian">
						<image mode="aspectFill" src="{{item2.image_small}}"></image>
					</view>
					<view class="wenzilist">
						<view>{{item2.title}}</view>
						<view class="pingfen">
							<!-- 评分 -->
							<view  wx:if="{{item2.commentValue}}">
								<van-rate value="{{item2.commentValue}}" allow-half readonly size='{{15}}' color='#ee831b' vold-color="#eee" void-icon='star' />
								<view>{{item2.commentValue}} 分</view>
							</view>
							<view class="cont_tips_text_rate" wx:else>
								<view>未评分</view>
							</view>
						</view>
						<view class="shijian">{{item2.date}}</view>
						<view class="weizhi">
							<view>
								{{item2.address}}
							</view>
							<view class="juli">
							{{item2.distance}}
							</view>
						</view>
						<view >
							<text class="xiaobiaoqian">{{item2.name}}</text>
						</view>
					</view>
				</view>
			</view>
		</view>

最后，也是今天的重点，要想逼疯一个正在入门的前端程序员，只需要在他写的代码的随便一处，随便增改删一个字母或者一个标点就可以！！！改的越多，疯的越彻底！！！