提交
This commit is contained in:
@ -1,13 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "商品搜索",
|
||||
"usingComponents": {
|
||||
"u-sticky": "/components/uview-ui/components/u-sticky/u-sticky",
|
||||
"u-search": "/components/uview-ui/components/u-search/u-search",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon",
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-number-box": "/components/uview-ui/components/u-number-box/u-number-box",
|
||||
"shop-spec": "/components/shop-spec/shop-spec"
|
||||
}
|
||||
}
|
||||
@ -1,52 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.goods-search .header-wrap .search {
|
||||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.goods-search .header-wrap .header {
|
||||
height: 80rpx;
|
||||
}
|
||||
.goods-search .header-wrap .header .tag {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
.goods-search .content .search-words {
|
||||
padding-left: 24rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
.goods-search .content .search-words .title {
|
||||
padding: 26rpx 0;
|
||||
}
|
||||
.goods-search .content .search-words .words .item {
|
||||
line-height: 52rpx;
|
||||
height: 52rpx;
|
||||
padding: 0 24rpx;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.goods-search .content .goods-list {
|
||||
overflow: hidden;
|
||||
}
|
||||
.goods-search .buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: env(safe-area-inset-bottom);
|
||||
height: 100rpx;
|
||||
background-color: #212526;
|
||||
}
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "商品详情",
|
||||
"usingComponents": {
|
||||
"u-swiper": "/components/uview-ui/components/u-swiper/u-swiper",
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-line": "/components/uview-ui/components/u-line/u-line",
|
||||
"u-button": "/components/uview-ui/components/u-button/u-button",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"shop-spec": "/components/shop-spec/shop-spec"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><view class="shop"><view><u-swiper vue-id="73adca00-1" list="{{goods.goods_image}}" name="uri" height="500" border-radius="0" mode="number" indicator-pos="bottomRight" bind:__l="__l"></u-swiper></view><view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24"><view class="nr">{{goods.name}}</view><view class="mt10 row u-row-between"><view class="row"><view class="primary"><price-format vue-id="73adca00-2" price="{{goods.min_price}}" subscriptSize="{{22}}" firstSize="{{34}}" secondSize="{{26}}" bind:__l="__l"></price-format></view><view class="sale u-text-center primary u-m-l-12">0折</view><view class="primary u-m-l-12"><price-format vue-id="73adca00-3" lineThrough="{{true}}" color="#999" subscriptSize="{{22}}" firstSize="{{22}}" secondSize="{{22}}" price="{{goods.market_price}}" bind:__l="__l"></price-format></view></view><view class="text-999">已售66</view></view><view class="u-m-t-20 u-m-b-20"><u-line vue-id="73adca00-4" color="#eee" bind:__l="__l"></u-line></view><view><view><text>须知</text><text class="text-999 ml20">周一至周日可用</text></view><view class="row-between mt20"><view><text>保障</text><text class="text-999 ml20">随时退 过期自动退</text></view><view><u-button vue-id="73adca00-5" hover-class="none" customStyle="{{({width:'116rpx',height:'46rpx',lineHeight:'46rpx',fontSize:'24rpx',backgroundColor:themeColor,color:'#fff',border:'none',paddingTop:'8rpx'})}}" hair-line="{{false}}" shape="circle" data-event-opts="{{[['^click',[['openSpec']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">选规格</u-button></view></view></view></view><view class="u-m-t-24"><view class="u-m-l-48 nr">详情</view><view class="bg-white mx24 px24 u-m-t-24 u-p-t-20 u-p-b-20 br24"><u-image vue-id="73adca00-6" src="{{cloudPath+'img/banner.png'}}" height="600" bind:__l="__l"></u-image></view></view><view class="u-m-t-24"><view class="u-m-l-48 nr">购买须知</view><view class="bg-white mx24 px24 u-m-t-24 u-p-t-20 u-p-b-20 br24">这里是购买须知的内容</view></view></view><view class="fixed bg-white row-between px48 u-p-t-20 u-p-b-20"><view class="column u-text-center"><view class="row-center"><u-image vue-id="73adca00-7" src="{{cloudPath+'img/icon_store.png'}}" width="48" height="48" bind:__l="__l"></u-image></view><view>门店</view></view><view class="u-m-l-64 flex1"><u-button vue-id="73adca00-8" hover-class="none" customStyle="{{({height:'92rpx',fontSize:'24rpx',backgroundColor:themeColor,color:'#fff',border:'none',paddingTop:'8rpx'})}}" hair-line="{{false}}" shape="circle" data-event-opts="{{[['^click',[['showSpecFun']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">立即购买</u-button></view></view><shop-spec vue-id="73adca00-9" name="{{goods.name}}" goods="{{goods}}" value="{{showSpec}}" data-event-opts="{{[['^close',[['e0']]],['^confirm',[['confirmSpec']]],['^buynow',[['onBuy']]],['^input',[['__set_model',['','showSpec','$event',[]]]]]]}}" bind:close="__e" bind:confirm="__e" bind:buynow="__e" bind:input="__e" bind:__l="__l"></shop-spec></view>
|
||||
@ -1,32 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.shop {
|
||||
padding-bottom: 180rpx;
|
||||
}
|
||||
.shop .sale {
|
||||
background-color: #FEFBEA;
|
||||
width: 100rpx;
|
||||
height: 30rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
.fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user