blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

namecard -> card

Browse Source
This commit is contained in:
pangxie1991 2017-01-03 14:12:14 +08:00
parent 0e16e445e3
commit 46834bfeca
6 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app.json
View File

@ -13,7 +13,7 @@
"example/helper/index", "example/helper/index",
"example/form/index", "example/form/index",
"example/steps/index", "example/steps/index",
"example/namecard/index", "example/card/index",
"example/toast/index", "example/toast/index",
"example/vsteps/index", "example/vsteps/index",
"example/icon/index", "example/icon/index",

14
dist/namecard/index.wxss → dist/card/index.wxss vendored
View File

@ -1,4 +1,4 @@
.zui-namecard { .zui-card {
margin-left: 0px; margin-left: 0px;
width: auto; width: auto;
padding: 5px 15px; padding: 5px 15px;
@ -6,7 +6,7 @@
position: relative; position: relative;
} }
.zui-namecard__thumb { .zui-card__thumb {
width: 90px; width: 90px;
height: 90px; height: 90px;
float: left; float: left;
@ -17,7 +17,7 @@
background-size: cover; background-size: cover;
} }
.zui-namecard__img { .zui-card__img {
position: absolute; position: absolute;
margin: auto; margin: auto;
top: 0; top: 0;
@ -30,24 +30,24 @@
max-height: 100%; max-height: 100%;
} }
.zui-namecard__detail { .zui-card__detail {
margin-left: 100px; margin-left: 100px;
width: auto; width: auto;
position: relative; position: relative;
} }
.zui-namecard__detail-row { .zui-card__detail-row {
overflow: hidden; overflow: hidden;
line-height: 20px; line-height: 20px;
min-height: 20px; min-height: 20px;
margin-bottom: 3px; margin-bottom: 3px;
} }
.zui-namecard__right-col { .zui-card__right-col {
float: right; float: right;
} }
.zui-namecard__left-col { .zui-card__left-col {
margin-right: 80px; margin-right: 80px;
} }

2
dist/index.wxss vendored
View File

@ -4,7 +4,7 @@
@import "panel/index.wxss"; @import "panel/index.wxss";
@import "btn/index.wxss"; @import "btn/index.wxss";
@import "cell/index.wxss"; @import "cell/index.wxss";
@import "namecard/index.wxss"; @import "card/index.wxss";
@import "badge/index.wxss"; @import "badge/index.wxss";
@import "dialog/index.wxss"; @import "dialog/index.wxss";
@import "form/index.wxss"; @import "form/index.wxss";

0
example/namecard/index.js → example/card/index.js
View File

20
example/namecard/index.wxml → example/card/index.wxml
View File

@ -1,29 +1,29 @@
<view class="container"> <view class="container">
<view class="zui-panel"> <view class="zui-panel">
<view class="zui-namecard"> <view class="zui-card">
<view class="zui-namecard__thumb"> <view class="zui-card__thumb">
<image class="zui-namecard__img" <image class="zui-card__img"
src="https://img.yzcdn.cn/upload_files/2016/12/06/9deca4d6fad5094bc78cb20339eb4264.png?imageView2/2/w/980/h/980/q/75/format/webp" src="https://img.yzcdn.cn/upload_files/2016/12/06/9deca4d6fad5094bc78cb20339eb4264.png?imageView2/2/w/980/h/980/q/75/format/webp"
mode="aspectFit" mode="aspectFit"
></image> ></image>
</view> </view>
<view class="zui-namecard__detail"> <view class="zui-card__detail">
<view class="zui-namecard__detail-row"> <view class="zui-card__detail-row">
<view class="zui-namecard__right-col">¥ 999.99</view> <view class="zui-card__right-col">¥ 999.99</view>
<view class="goods-card__left-col zui-ellipsis--l2"> <view class="goods-card__left-col zui-ellipsis--l2">
商品名称是什么 商品名称是什么
</view> </view>
</view> </view>
<view class="zui-namecard__detail-row zui-c-gray-darker"> <view class="zui-card__detail-row zui-c-gray-darker">
<view class="zui-namecard__right-col">x2</view> <view class="zui-card__right-col">x2</view>
<view class="zui-namecard__left-col"> <view class="zui-card__left-col">
商品SKU1 商品SKU1
</view> </view>
</view> </view>
<view class="zui-namecard__detail-row zui-c-gray-darker"> <view class="zui-card__detail-row zui-c-gray-darker">
<view class="goods-card__left-col zui-c-red">已发货</view> <view class="goods-card__left-col zui-c-red">已发货</view>
</view> </view>
</view> </view>

4
example/dashboard/index.js
View File

@ -31,8 +31,8 @@ Page({
name: 'Loadmore', name: 'Loadmore',
path: '/example/loadmore/index' path: '/example/loadmore/index'
}, { }, {
name: 'Namecard', name: 'Card',
path: '/example/namecard/index' path: '/example/card/index'
}, { }, {
name: 'Panel', name: 'Panel',
path: '/example/panel/index' path: '/example/panel/index'