本文介绍了vue+element 实现商城主题开发的示例代码,分享给大家,具体如下:
店铺街
$set(theme,'shopStreetImg', res)" :value="theme.shopStreetImg" :maxCount="1" > 分类
$set(theme,'classifyImg', res)" :value="theme.classifyImg" :maxCount="1" > 星级礼包
$set(theme,'starBagImg', res)" :value="theme.starBagImg" :maxCount="1" > 签到
$set(theme,'signInImg', res)" :value="theme.signInImg" :maxCount="1" > 元宝商城
$set(theme,'yuanbaoShopImg', res)" :value="theme.yuanbaoShopImg" :maxCount="1" > 抽奖
$set(theme,'luckDrawImg', res)" :value="theme.luckDrawImg" :maxCount="1" > 限时秒杀
$set(theme,'limitedSeckillImg', res)" :value="theme.limitedSeckillImg" :maxCount="1" > 特惠商品
$set(theme,'oddsProductImg', res)" :value="theme.oddsProductImg" :maxCount="1" > $set(theme,'navigationBackgroundImg', res)" :value="theme.navigationBackgroundImg" :maxCount="1" > 首页未选中图标
$set(theme,'homePageIconUnchecked', res)" :value="theme.homePageIconUnchecked" :maxCount="1" > 推荐未选中图标
$set(theme,'recommendIconUnchecked', res)" :value="theme.recommendIconUnchecked" :maxCount="1" > 搜索未选中图标
$set(theme,'searchIconUnchecked', res)" :value="theme.searchIconUnchecked" :maxCount="1" > 聊天未选中图标
$set(theme,'chatIconUnchecked', res)" :value="theme.chatIconUnchecked" :maxCount="1" > 个人中心未选中图标
$set(theme,'personalCenterIconUnchecked', res)" :value="theme.personalCenterIconUnchecked" :maxCount="1" > 首页选中图标
$set(theme,'homePageIconChecked', res)" :value="theme.homePageIconChecked" :maxCount="1" > 推荐选中图标
$set(theme,'recommendIconChecked', res)" :value="theme.recommendIconChecked" :maxCount="1" > 搜索选中图标
$set(theme,'searchIconChecked', res)" :value="theme.searchIconChecked" :maxCount="1" > 聊天选中图标
$set(theme,'chatIconChecked', res)" :value="theme.chatIconChecked" :maxCount="1" > 个人中心选中图标
$set(theme,'personalCenterIconChecked', res)" :value="theme.personalCenterIconChecked" :maxCount="1" > 保存 热门 女装 百货 鞋包 食品 母婴 店铺街
分类
星级礼包
签到
元宝商城
抽奖
限时秒杀
特惠商品
.set-phone { width: calc(100% - 400px); padding: 5%; .el-form-item { margin-bottom: 18px; } .cla-p { padding: 0; margin: 0; color: #666; line-height: 40px; } } .app-phone { position: fixed; top: 70px; right: 5%; width: 350px; box-shadow: 0 0 10px rgba(50, 50, 50, 0.2); perspective:150; transition: all .2s linear; overflow: hidden; &:hover { transform: translate3d(0,0,4px); box-shadow: 0 4px 8px #e1e1e1; box-shadow: 0 0 20px rgba(50, 50, 50, 0.3); } .header-img { display: block; width: 96%; margin: 4px 2%; } .el-menu-demo { display: flex; justify-content: space-around; margin: 2px 4% 0 4%; border: none; } .el-menu--horizontal > .el-menu-item { height: auto; line-height: normal; padding: 4px 12px; margin: 0; } .banner-img { display: block; width: 100%; height: 100%; } .nav { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 10px 0; background: white; background-size: cover; background-repeat:no-repeat; .nav-item { width: 50px; height: 80px; margin: 0 15px; text-align: center; .item-img { width: 50px; height: 50px; } .item-name { padding: 0; margin: 2px 0; font-size: 12px; } } } .goods { width: 100%; } .footer { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; height: 50px; padding: 0; margin: 0; .item { list-style: none; width: 50px; text-align: center; .item-img { width: 30px; height: 30px; } .item-name { padding: 0; margin: 0; font-size: 10px; color: white; } } } }
到此这篇关于vue+element 实现商城主题开发的示例代码的文章就介绍到这了,更多相关vue element 商城主题开发内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网!



