Uniapp项目—商城分类页

Muad233333

已于 2022-11-14 10:47:22 修改

阅读量2.5k

点赞数 2

文章标签：前端

于 2020-10-16 11:40:30 首次发布

本文链接：https://blog.csdn.net/Muad233333/article/details/109113025

版权

这篇博客记录了使用Uniapp进行商城分类页的开发过程，详细介绍了项目的实现步骤和关键代码，旨在分享前端开发经验。

摘要由CSDN通过智能技术生成

Uniapp项目—商城分类页

工作记录帖（勿扰）

如图：

具体代码：

<template>
	<view>
		<view @click="aaa" class="search">
			<view class="input">
				<image src="../../../static/index/search.png"></image>
			</view>
		</view>
		<view class="classification">

			<view class="left">
				<scroll-view class="leftScroll" style="height: 100vh;" :scroll-top="scrollTop" scroll-y="true">
					<view :class="{type1:true, current:(index1 === i)}" :style="{lineHeight: type1LineHeight, fontSize: type1Size, height: type1Height, color: selected(i)}"
					 v-for="(item,i) in listRight" :key="i" @click="changeType1(item,i)">{
  {item.title}}</view>
				</scroll-view>
			</view>
			<view class="right">
				<scroll-view class="rightScroll" style="height: 100vh;" :scroll-top="scrollTop" scroll-y="true">
					<view class="type2" >
						<!-- <p :style="{fontSize: type2Size}">{
  { item2.title }}</p>	 -->
						<view class="type3Box">