Commit 7cf16f98 by shibukun

首页

parent 1ab9974d
...@@ -67,18 +67,18 @@ ...@@ -67,18 +67,18 @@
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"list": [{ "list": [{
"pagePath": "pages/home/home", "pagePath": "pages/home/home",
// "iconPath": "static/tabbar/home.png", "iconPath": "static/tabbar/home.png",
// "selectedIconPath": "static/tabbar/home_h.png", "selectedIconPath": "static/tabbar/home_h.png",
"text": "首页" "text": "首页"
}, { }, {
"pagePath": "pages/order/order", "pagePath": "pages/order/order",
// "iconPath": "static/tabbar/order.png", "iconPath": "static/tabbar/order.png",
// "selectedIconPath": "static/tabbar/order_h.png", "selectedIconPath": "static/tabbar/order_h.png",
"text": "订单" "text": "订单"
}, { }, {
"pagePath": "pages/mine/mine", "pagePath": "pages/mine/mine",
// "iconPath": "static/tabbar/mine.png", "iconPath": "static/tabbar/mine.png",
// "selectedIconPath": "static/tabbar/mine_h.png", "selectedIconPath": "static/tabbar/mine_h.png",
"text": "我的" "text": "我的"
}] }]
} }
......
<template> <template>
<view> <view>
<view class="" @click="goLogin()"> <view class="layout">
qqqqqq <view class="title">懒人企业福利社</view>
<uni-datetime-picker <view class="header">
type="date" <view class="header-top">
:value="single" <text class="header-name">你好,{{name}}</text>
start="2021-3" <view class="integral-detail">积分明细 ></view>
@change="change" </view>
/> <view class="header-center">
<view class="header-integral">{{integralCount}}</view>
<view class="header-integral-tip">当前积分</view>
</view>
</view>
<view class="list">
<view class="item" v-for="(item, index) in brandList" :key='index'>
<image class="icon"></image>
<view class="item-right">
<text class="item-title">叮咚买菜</text>
<text class="item-desc">最高70%返现</text>
</view>
</view>
</view>
<uni-load-more v-if="brandList.length>0" :status="loadingType"></uni-load-more>
</view> </view>
</view> </view>
</template> </template>
...@@ -16,17 +30,125 @@ ...@@ -16,17 +30,125 @@
export default { export default {
data() { data() {
return { return {
name: '',
integralCount: '',
loadingType: 'more',
brandList: [],
page: 1,
pageSize: 20
}; };
}, },
created() {
this.getData()
},
methods: { methods: {
goLogin() { goLogin() {
this.$router.push('Login') this.$router.push('Login')
},
getData() {
this.$net.get('/goods/brand', {page: this.page, pageSize: this.pageSize})
.then(res => {
if(res.list.length > 0) {
this.brandList.concat(res.list)
}
this.loadingType = res.list.length < this.pageSize ? 'more' : 'noMore'
})
.catch(err => {
console.log(err)
})
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.layout {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.title {
background: #ffffff;
width: 100%;
color: #333333;
text-align: center;
height: 88rpx;
line-height: 88rpx;
}
.header {
height: 350rpx;
position: relative;
display: flex;
flex-direction: column;
background-image: url(../../static/home-header-bg.png);
background-size: 100% 100%;
.header-top {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 30rpx;
margin-left: 30rpx;
.header-name {
font-size: 24rpx;
color: #FFFFFF;
}
.integral-detail {
background-image: url(../../static/integral-detail-bg.png);
width: 174rpx;
height: 58rpx;
font-size: 26rpx;
color: #FFFFFF;
line-height: 58rpx;
text-align: center;
}
}
.header-center {
display: flex;
flex-direction: column;
align-items: center;
.header-integral {
font-size: 82rpx;
font-weight: bolder;
color: #FFFFFF;
margin-top: 15rpx;
}
.header-integral-tip {
font-size: 24rpx;
color: #FFFFFF;
}
}
.list {
display: flex;
flex-direction: row;
background: #FFEEEE;
border-radius: 30rpx 30rpx 0rpx 0rpx;
padding-top: 25rpx;
.item {
width: 50%;
height: 144rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
.icon {
width: 90rpx;
height: 90rpx;
}
.item-right {
display: flex;
flex-direction: column;
.item-title {
font-size: 30rpx;
font-weight: bolder;
color: #333333;
}
.item-desc {
font-size: 24rpx;
color: #999999;
}
}
}
}
}
}
</style> </style>
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -27,14 +27,20 @@ ...@@ -27,14 +27,20 @@
"list": [ "list": [
{ {
"pagePath": "pages/home/home", "pagePath": "pages/home/home",
"iconPath": "static/tabbar/home.png",
"selectedIconPath": "static/tabbar/home_h.png",
"text": "首页" "text": "首页"
}, },
{ {
"pagePath": "pages/order/order", "pagePath": "pages/order/order",
"iconPath": "static/tabbar/order.png",
"selectedIconPath": "static/tabbar/order_h.png",
"text": "订单" "text": "订单"
}, },
{ {
"pagePath": "pages/mine/mine", "pagePath": "pages/mine/mine",
"iconPath": "static/tabbar/mine.png",
"selectedIconPath": "static/tabbar/mine_h.png",
"text": "我的" "text": "我的"
} }
] ]
...@@ -47,5 +53,6 @@ ...@@ -47,5 +53,6 @@
] ]
} }
}, },
"usingComponents": {} "usingComponents": {},
"sitemapLocation": "sitemap.json"
} }
\ No newline at end of file
...@@ -105,11 +105,11 @@ ...@@ -105,11 +105,11 @@
/******/ /******/
/******/ /******/
/******/ // mini-css-extract-plugin CSS loading /******/ // mini-css-extract-plugin CSS loading
/******/ var cssChunks = {"uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker":1,"uni_modules/uni-load-more/components/uni-load-more/uni-load-more":1,"uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar":1,"uni_modules/uni-icons/components/uni-icons/uni-icons":1,"uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker":1,"uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item":1}; /******/ var cssChunks = {"uni_modules/uni-load-more/components/uni-load-more/uni-load-more":1};
/******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]); /******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
/******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) { /******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
/******/ promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) { /******/ promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
/******/ var href = "" + ({"uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker":"uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker","uni_modules/uni-load-more/components/uni-load-more/uni-load-more":"uni_modules/uni-load-more/components/uni-load-more/uni-load-more","uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar":"uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar","uni_modules/uni-icons/components/uni-icons/uni-icons":"uni_modules/uni-icons/components/uni-icons/uni-icons","uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker":"uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker","uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item":"uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item"}[chunkId]||chunkId) + ".wxss"; /******/ var href = "" + ({"uni_modules/uni-load-more/components/uni-load-more/uni-load-more":"uni_modules/uni-load-more/components/uni-load-more/uni-load-more"}[chunkId]||chunkId) + ".wxss";
/******/ var fullhref = __webpack_require__.p + href; /******/ var fullhref = __webpack_require__.p + href;
/******/ var existingLinkTags = document.getElementsByTagName("link"); /******/ var existingLinkTags = document.getElementsByTagName("link");
/******/ for(var i = 0; i < existingLinkTags.length; i++) { /******/ for(var i = 0; i < existingLinkTags.length; i++) {
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"usingComponents": { "usingComponents": {
"uni-datetime-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker" "uni-load-more": "/uni_modules/uni-load-more/components/uni-load-more/uni-load-more"
} }
} }
\ No newline at end of file
<view><view data-event-opts="{{[['tap',[['goLogin']]]]}}" bindtap="__e">qqqqqq<uni-datetime-picker vue-id="1da55560-1" type="date" value="{{single}}" start="2021-3" data-event-opts="{{[['^change',[['change']]]]}}" bind:change="__e" bind:__l="__l"></uni-datetime-picker></view></view> <view><view class="layout"><view class="title">懒人企业福利社</view><view class="header"><view class="header-top"><text class="header-name">{{"你好,"+name}}</text><view class="integral-detail">积分明细 ></view></view><view class="header-center"><view class="header-integral">{{integralCount}}</view><view class="header-integral-tip">当前积分</view></view></view><view class="list"><block wx:for="{{brandList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item"><image class="icon"></image><view class="item-right"><text class="item-title">叮咚买菜</text><text class="item-desc">最高70%返现</text></view></view></block></view><block wx:if="{{brandList.length>0}}"><uni-load-more vue-id="1da55560-1" status="{{loadingType}}" bind:__l="__l"></uni-load-more></block></view></view>
\ No newline at end of file \ No newline at end of file
...@@ -5,7 +5,41 @@ ...@@ -5,7 +5,41 @@
}, },
"setting": { "setting": {
"urlCheck": false, "urlCheck": false,
"minified": true "es6": true,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"enableEngineNative": false,
"useIsolateContext": true,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"disableUseStrict": false,
"showES6CompileOption": false,
"useCompilerPlugins": false,
"minifyWXML": true
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "", "libVersion": "",
...@@ -13,19 +47,15 @@ ...@@ -13,19 +47,15 @@
"projectname": "FuLiMini", "projectname": "FuLiMini",
"condition": { "condition": {
"search": { "search": {
"current": -1,
"list": [] "list": []
}, },
"conversation": { "conversation": {
"current": -1,
"list": [] "list": []
}, },
"game": { "game": {
"current": -1,
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": -1,
"list": [] "list": []
} }
} }
......
<view data-event-opts="{{[['tap',[['choiceDate',['$0'],['weeks']]]],['mouseenter',[['handleMousemove',['$0'],['weeks']]]]]}}" class="{{['uni-calendar-item__weeks-box',(weeks.disable)?'uni-calendar-item--disable':'',(weeks.beforeMultiple)?'uni-calendar-item--before-checked-x':'',(weeks.multiple)?'uni-calendar-item--multiple':'',(weeks.afterMultiple)?'uni-calendar-item--after-checked-x':'']}}" bindtap="__e" bindmouseenter="__e"><view class="{{['uni-calendar-item__weeks-box-item',(calendar.fullDate===weeks.fullDate&&(calendar.userChecked||!checkHover))?'uni-calendar-item--checked':'',(checkHover)?'uni-calendar-item--checked-range-text':'',(weeks.beforeMultiple)?'uni-calendar-item--before-checked':'',(weeks.multiple)?'uni-calendar-item--multiple':'',(weeks.afterMultiple)?'uni-calendar-item--after-checked':'',(weeks.disable)?'uni-calendar-item--disable':'']}}"><block wx:if="{{selected&&weeks.extraInfo}}"><text class="uni-calendar-item__weeks-box-circle"></text></block><text class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text">{{weeks.date}}</text></view><view class="{{[(weeks.isDay)?'uni-calendar-item--isDay':'']}}"></view></view>
\ No newline at end of file
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-calendar-item__weeks-box {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 1px 0;
position: relative;
}
.uni-calendar-item__weeks-box-text {
font-size: 14px;
font-weight: bold;
color: #455997;
}
.uni-calendar-item__weeks-lunar-text {
font-size: 12px;
color: #333;
}
.uni-calendar-item__weeks-box-item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.uni-calendar-item__weeks-box-circle {
position: absolute;
top: 5px;
right: 5px;
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #dd524d;
}
.uni-calendar-item__weeks-box .uni-calendar-item--disable {
cursor: default;
}
.uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
color: #D1D1D1;
}
.uni-calendar-item--isDay {
position: absolute;
top: 10px;
right: 17%;
background-color: #dd524d;
width: 6px;
height: 6px;
border-radius: 50%;
}
.uni-calendar-item--extra {
color: #dd524d;
opacity: 0.8;
}
.uni-calendar-item__weeks-box .uni-calendar-item--checked {
background-color: #007aff;
border-radius: 50%;
box-sizing: border-box;
border: 3px solid #fff;
}
.uni-calendar-item--checked .uni-calendar-item--checked-text {
color: #fff;
}
.uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
color: #333;
}
.uni-calendar-item--multiple {
background-color: #F6F7FC;
}
.uni-calendar-item--multiple .uni-calendar-item--before-checked,
.uni-calendar-item--multiple .uni-calendar-item--after-checked {
background-color: #409eff;
border-radius: 50%;
box-sizing: border-box;
border: 3px solid #F6F7FC;
}
.uni-calendar-item--before-checked .uni-calendar-item--checked-text,
.uni-calendar-item--after-checked .uni-calendar-item--checked-text {
color: #fff;
}
.uni-calendar-item--before-checked-x {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
background-color: #F6F7FC;
}
.uni-calendar-item--after-checked-x {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background-color: #F6F7FC;
}
{
"component": true,
"usingComponents": {
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons",
"calendar-item": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item",
"time-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker"
}
}
\ No newline at end of file
<view data-event-opts="{{[['mouseleave',[['leaveCale',['$event']]]]]}}" class="uni-calendar" bindmouseleave="__e"><block wx:if="{{!insert&&show}}"><view data-event-opts="{{[['tap',[['clean',['$event']]]]]}}" class="{{['uni-calendar__mask',(aniMaskShow)?'uni-calendar--mask-show':'']}}" bindtap="__e"></view></block><block wx:if="{{insert||show}}"><view class="{{['uni-calendar__content',(!insert)?'uni-calendar--fixed':'',(aniMaskShow)?'uni-calendar--ani-show':'',(aniMaskShow)?'uni-calendar__content-mobile':'']}}"><view class="{{['uni-calendar__header',(!insert)?'uni-calendar__header-mobile':'']}}"><block wx:if="{{left}}"><view data-event-opts="{{[['tap',[['pre',['$event']]]]]}}" class="uni-calendar__header-btn-box" catchtap="__e"><view class="uni-calendar__header-btn uni-calendar--left"></view></view></block><picker mode="date" value="{{date}}" fields="month" data-event-opts="{{[['change',[['bindDateChange',['$event']]]]]}}" bindchange="__e"><text class="uni-calendar__header-text">{{(nowDate.year||'')+' 年 '+(nowDate.month||'')+' 月'}}</text></picker><block wx:if="{{right}}"><view data-event-opts="{{[['tap',[['next',['$event']]]]]}}" class="uni-calendar__header-btn-box" catchtap="__e"><view class="uni-calendar__header-btn uni-calendar--right"></view></view></block><block wx:if="{{!insert}}"><view data-event-opts="{{[['tap',[['clean',['$event']]]]]}}" class="dialog-close" bindtap="__e"><view class="dialog-close-plus" data-id="close"></view><view class="dialog-close-plus dialog-close-rotate" data-id="close"></view></view></block></view><view class="uni-calendar__box"><block wx:if="{{showMonth}}"><view class="uni-calendar__box-bg"><text class="uni-calendar__box-bg-text">{{nowDate.month}}</text></view></block><view class="uni-calendar__weeks" style="padding-bottom:7px;"><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{SUNText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{monText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{TUEText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{WEDText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{THUText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{FRIText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{SATText}}</text></view></view><block wx:for="{{weeks}}" wx:for-item="item" wx:for-index="weekIndex" wx:key="weekIndex"><view class="uni-calendar__weeks"><block wx:for="{{item}}" wx:for-item="weeks" wx:for-index="weeksIndex" wx:key="weeksIndex"><view class="uni-calendar__weeks-item"><calendar-item class="uni-calendar-item--hook" vue-id="{{'031a06b8-1-'+weekIndex+'-'+weeksIndex}}" weeks="{{weeks}}" calendar="{{calendar}}" selected="{{selected}}" lunar="{{lunar}}" checkHover="{{range}}" data-event-opts="{{[['^change',[['choiceDate']]],['^handleMouse',[['handleMouse']]]]}}" bind:change="__e" bind:handleMouse="__e" bind:__l="__l"></calendar-item></view></block></view></block></view><block wx:if="{{!insert&&!range&&typeHasTime}}"><view class="uni-date-changed uni-calendar--fixed-top" style="padding:0 80px;"><view class="uni-date-changed--time-date">{{tempSingleDate?tempSingleDate:selectDateText}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-2" type="time" start="{{reactStartTime}}" end="{{reactEndTime}}" disabled="{{!tempSingleDate}}" border="{{false}}" hide-second="{{hideSecond}}" value="{{time}}" data-event-opts="{{[['^input',[['__set_model',['','time','$event',[]]]]]]}}" bind:__l="__l"></time-picker></view></block><block wx:if="{{!insert&&range&&typeHasTime}}"><view class="uni-date-changed uni-calendar--fixed-top"><view class="uni-date-changed--time-start"><view class="uni-date-changed--time-date">{{(tempRange.before?tempRange.before:startDateText)+''}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-3" type="time" start="{{reactStartTime}}" border="{{false}}" hide-second="{{hideSecond}}" disabled="{{!tempRange.before}}" value="{{timeRange.startTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','startTime','$event',[]],['timeRange']]]]]}}" bind:__l="__l"></time-picker></view><uni-icons style="line-height:50px;" vue-id="031a06b8-4" type="arrowthinright" color="#999" bind:__l="__l"></uni-icons><view class="uni-date-changed--time-end"><view class="uni-date-changed--time-date">{{tempRange.after?tempRange.after:endDateText}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-5" type="time" end="{{reactEndTime}}" border="{{false}}" hide-second="{{hideSecond}}" disabled="{{!tempRange.after}}" value="{{timeRange.endTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','endTime','$event',[]],['timeRange']]]]]}}" bind:__l="__l"></time-picker></view></view></block><block wx:if="{{!insert}}"><view class="uni-date-changed uni-date-btn--ok"><view data-event-opts="{{[['tap',[['confirm',['$event']]]]]}}" class="uni-datetime-picker--btn" bindtap="__e">确认</view></view></block></view></block></view>
\ No newline at end of file
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-calendar {
display: flex;
flex-direction: column;
}
.uni-calendar__mask {
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
transition-property: opacity;
transition-duration: 0.3s;
opacity: 0;
z-index: 99;
}
.uni-calendar--mask-show {
opacity: 1;
}
.uni-calendar--fixed {
position: fixed;
bottom: calc(0px);
left: 0;
right: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
-webkit-transform: translateY(460px);
transform: translateY(460px);
z-index: 99;
}
.uni-calendar--ani-show {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.uni-calendar__content {
background-color: #fff;
}
.uni-calendar__content-mobile {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.uni-calendar__header {
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50px;
}
.uni-calendar__header-mobile {
padding: 10px;
padding-bottom: 0;
}
.uni-calendar--fixed-top {
display: flex;
flex-direction: row;
justify-content: space-between;
border-top-color: rgba(0, 0, 0, 0.4);
border-top-style: solid;
border-top-width: 1px;
}
.uni-calendar--fixed-width {
width: 50px;
}
.uni-calendar__backtoday {
position: absolute;
right: 0;
top: 25rpx;
padding: 0 5px;
padding-left: 10px;
height: 25px;
line-height: 25px;
font-size: 12px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
color: #fff;
background-color: #f1f1f1;
}
.uni-calendar__header-text {
text-align: center;
width: 100px;
font-size: 15px;
color: #666;
}
.uni-calendar__button-text {
text-align: center;
width: 100px;
font-size: 14px;
color: #007aff;
letter-spacing: 3px;
}
.uni-calendar__header-btn-box {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
}
.uni-calendar__header-btn {
width: 9px;
height: 9px;
border-left-color: #808080;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #555555;
border-top-style: solid;
border-top-width: 1px;
}
.uni-calendar--left {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.uni-calendar--right {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.uni-calendar__weeks {
position: relative;
display: flex;
flex-direction: row;
}
.uni-calendar__weeks-item {
flex: 1;
}
.uni-calendar__weeks-day {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 40px;
border-bottom-color: #F5F5F5;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.uni-calendar__weeks-day-text {
font-size: 12px;
color: #B2B2B2;
}
.uni-calendar__box {
position: relative;
padding-bottom: 7px;
}
.uni-calendar__box-bg {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.uni-calendar__box-bg-text {
font-size: 200px;
font-weight: bold;
color: #999;
opacity: 0.1;
text-align: center;
line-height: 1;
}
.uni-date-changed {
padding: 0 10px;
text-align: center;
color: #333;
border-top-color: #DCDCDC;
border-top-style: solid;
border-top-width: 1px;
flex: 1;
}
.uni-date-btn--ok {
padding: 20px 15px;
}
.uni-date-changed--time-start {
display: flex;
align-items: center;
}
.uni-date-changed--time-end {
display: flex;
align-items: center;
}
.uni-date-changed--time-date {
color: #999;
line-height: 50px;
margin-right: 5px;
}
.time-picker-style {
display: flex;
justify-content: center;
align-items: center;
}
.mr-10 {
margin-right: 10px;
}
.dialog-close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 25px;
margin-top: 10px;
}
.dialog-close-plus {
width: 16px;
height: 2px;
background-color: #737987;
border-radius: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dialog-close-rotate {
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.uni-datetime-picker--btn {
border-radius: 100px;
height: 40px;
line-height: 40px;
background-color: #007aff;
color: #fff;
font-size: 16px;
letter-spacing: 5px;
}
.uni-datetime-picker--btn:active {
opacity: 0.7;
}
<view class="uni-datetime-picker"><view data-event-opts="{{[['tap',[['initTimePicker',['$event']]]]]}}" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['uni-datetime-picker-timebox-pointer',(disabled)?'uni-datetime-picker-disabled':'',(border)?'uni-datetime-picker-timebox':'']}}"><text class="uni-datetime-picker-text">{{time}}</text><block wx:if="{{!time}}"><view class="uni-datetime-picker-time"><text class="uni-datetime-picker-text">{{selectTimeText}}</text></view></block></view></block></view><block wx:if="{{visible}}"><view class="uni-datetime-picker-mask" id="mask" data-event-opts="{{[['tap',[['tiggerTimePicker',['$event']]]]]}}" bindtap="__e"></view></block><block wx:if="{{visible}}"><view class="{{['uni-datetime-picker-popup',dateShow&&timeShow?'':'fix-nvue-height']}}" style="{{(fixNvueBug)}}"><view class="uni-title"><text class="uni-datetime-picker-text">{{selectTimeText}}</text></view><block wx:if="{{dateShow}}"><view class="uni-datetime-picker__container-box"><picker-view class="uni-datetime-picker-view" indicator-style="{{indicatorStyle}}" value="{{ymd}}" data-event-opts="{{[['change',[['bindDateChange',['$event']]]]]}}" bindchange="__e"><picker-view-column><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m0}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m1}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l2}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m2}}</text></view></block></picker-view-column></picker-view><text class="uni-datetime-picker-sign sign-left">-</text><text class="uni-datetime-picker-sign sign-right">-</text></view></block><block wx:if="{{timeShow}}"><view class="uni-datetime-picker__container-box"><picker-view class="{{['uni-datetime-picker-view',hideSecond?'time-hide-second':'']}}" indicator-style="{{indicatorStyle}}" value="{{hms}}" data-event-opts="{{[['change',[['bindTimeChange',['$event']]]]]}}" bindchange="__e"><picker-view-column><block wx:for="{{$root.l3}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m3}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l4}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m4}}</text></view></block></picker-view-column><block wx:if="{{!hideSecond}}"><picker-view-column><block wx:for="{{$root.l5}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m5}}</text></view></block></picker-view-column></block></picker-view><text class="{{['uni-datetime-picker-sign',hideSecond?'sign-center':'sign-left']}}">:</text><block wx:if="{{!hideSecond}}"><text class="uni-datetime-picker-sign sign-right">:</text></block></view></block><view class="uni-datetime-picker-btn"><view data-event-opts="{{[['tap',[['clearTime',['$event']]]]]}}" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{clearText}}</text></view><view class="uni-datetime-picker-btn-group"><view data-event-opts="{{[['tap',[['tiggerTimePicker',['$event']]]]]}}" class="uni-datetime-picker-cancel" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{cancelText}}</text></view><view data-event-opts="{{[['tap',[['setTime',['$event']]]]]}}" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{okText}}</text></view></view></view></view></block></view>
\ No newline at end of file
.uni-datetime-picker {
/* width: 100%; */
}
.uni-datetime-picker-view {
height: 130px;
width: 270px;
cursor: pointer;
}
.uni-datetime-picker-item {
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
}
.uni-datetime-picker-btn {
margin-top: 60px;
display: flex;
cursor: pointer;
flex-direction: row;
justify-content: space-between;
}
.uni-datetime-picker-btn-text {
font-size: 14px;
color: #007AFF;
}
.uni-datetime-picker-btn-group {
display: flex;
flex-direction: row;
}
.uni-datetime-picker-cancel {
margin-right: 30px;
}
.uni-datetime-picker-mask {
position: fixed;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
z-index: 998;
}
.uni-datetime-picker-popup {
border-radius: 8px;
padding: 30px;
width: 270px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition-duration: 0.3s;
z-index: 999;
}
.fix-nvue-height {
}
.uni-datetime-picker-time {
color: grey;
}
.uni-datetime-picker-column {
height: 50px;
}
.uni-datetime-picker-timebox {
border: 1px solid #E5E5E5;
border-radius: 5px;
padding: 7px 10px;
box-sizing: border-box;
cursor: pointer;
}
.uni-datetime-picker-timebox-pointer {
cursor: pointer;
}
.uni-datetime-picker-disabled {
opacity: 0.4;
}
.uni-datetime-picker-text {
font-size: 14px;
}
.uni-datetime-picker-sign {
position: absolute;
top: 53px;
/* 减掉 10px 的元素高度,兼容nvue */
color: #999;
}
.sign-left {
left: 86px;
}
.sign-right {
right: 86px;
}
.sign-center {
left: 135px;
}
.uni-datetime-picker__container-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.time-hide-second {
width: 180px;
}
{
"component": true,
"usingComponents": {
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons",
"calendar": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar",
"time-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker"
}
}
\ No newline at end of file
<view class="uni-date"><view data-event-opts="{{[['tap',[['show',['$event']]]]]}}" class="uni-date-editor" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['uni-date-editor--x',(disabled)?'uni-date-editor--x__disabled':'',(border)?'uni-date-x--border':'']}}"><block wx:if="{{!isRange}}"><view class="uni-date-x uni-date-single"><uni-icons vue-id="55cceed7-1" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input" type="text" placeholder="{{singlePlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['','singleVal','$event',[]]]]]]}}" value="{{singleVal}}" bindinput="__e"/></view></block><block wx:else><view class="uni-date-x uni-date-range"><uni-icons vue-id="55cceed7-2" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input t-c" type="text" placeholder="{{startPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['range']]]]]}}" value="{{range.startDate}}" bindinput="__e"/><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view>{{rangeSeparator}}</view></block><input class="uni-date__x-input t-c" type="text" placeholder="{{endPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['range']]]]]}}" value="{{range.endDate}}" bindinput="__e"/></view></block><block wx:if="{{showClearIcon}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="uni-date__icon-clear" catchtap="__e"><uni-icons vue-id="55cceed7-3" type="clear" color="#e1e1e1" size="18" bind:__l="__l"></uni-icons></view></block></view></block></view><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" hidden="{{!(popup)}}" class="uni-date-mask" bindtap="__e"></view><block wx:if="{{!isPhone}}"><view data-ref="datePicker" hidden="{{!(popup)}}" class="uni-date-picker__container vue-ref"><block wx:if="{{!isRange}}"><view class="uni-date-single--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="uni-date-changed popup-x-header"><input class="uni-date__input t-c" type="text" placeholder="{{selectDateText}}" data-event-opts="{{[['input',[['__set_model',['','tempSingleDate','$event',[]]]]]]}}" value="{{tempSingleDate}}" bindinput="__e"/><time-picker bind:input="__e" style="width:100%;" vue-id="55cceed7-4" type="time" border="{{false}}" disabled="{{!tempSingleDate}}" start="{{reactStartTime}}" end="{{reactEndTime}}" hideSecond="{{hideSecond}}" value="{{time}}" data-event-opts="{{[['^input',[['__set_model',['','time','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input t-c" type="text" placeholder="{{selectTimeText}}" disabled="{{!tempSingleDate}}" data-event-opts="{{[['input',[['__set_model',['','time','$event',[]]]]]]}}" value="{{time}}" bindinput="__e"/></time-picker></view></block><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-5" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" date="{{defSingleDate}}" data-ref="pcSingle" data-event-opts="{{[['^change',[['singleChange']]]]}}" bind:change="__e" bind:__l="__l"></calendar><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['confirmSingleChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block><view class="uni-date-popper__arrow"></view></view></block><block wx:else><view class="uni-date-range--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="popup-x-header uni-date-changed"><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-6" type="time" start="{{reactStartTime}}" border="{{false}}" disabled="{{!tempRange.startDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.startTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startTimeText}}" disabled="{{!tempRange.startDate}}" data-event-opts="{{[['input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startTime}}" bindinput="__e"/></time-picker></view><uni-icons style="line-height:40px;" vue-id="55cceed7-7" type="arrowthinright" color="#999" bind:__l="__l"></uni-icons><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-8" type="time" end="{{reactEndTime}}" border="{{false}}" disabled="{{!tempRange.endDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.endTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endTimeText}}" disabled="{{!tempRange.endDate}}" data-event-opts="{{[['input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endTime}}" bindinput="__e"/></time-picker></view></view></block><view class="popup-x-body"><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-9" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{endMultipleStatus}}" data-ref="left" data-event-opts="{{[['^change',[['leftChange']]],['^firstEnterCale',[['updateRightCale']]],['^monthSwitch',[['leftMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar><calendar class="vue-ref" style="padding:0 8px;border-left:1px solid #F1F1F1;" vue-id="55cceed7-10" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{startMultipleStatus}}" data-ref="right" data-event-opts="{{[['^change',[['rightChange']]],['^firstEnterCale',[['updateLeftCale']]],['^monthSwitch',[['rightMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar></view><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" bindtap="__e">{{clearText}}</text><text data-event-opts="{{[['tap',[['confirmRangeChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block></view></block></view></block><calendar class="vue-ref" data-custom-hidden="{{!(isPhone)}}" vue-id="55cceed7-11" clearDate="{{false}}" date="{{defSingleDate}}" defTime="{{reactMobDefTime}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" selectableTimes="{{mobSelectableTime}}" pleStatus="{{endMultipleStatus}}" showMonth="{{false}}" range="{{isRange}}" typeHasTime="{{hasTime}}" insert="{{false}}" hideSecond="{{hideSecond}}" data-ref="mobile" data-event-opts="{{[['^confirm',[['mobileChange']]]]}}" bind:confirm="__e" bind:__l="__l"></calendar></view>
\ No newline at end of file
.uni-date-x {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 10px;
border-radius: 4px;
background-color: #fff;
color: #666;
font-size: 14px;
}
.uni-date-x--border {
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #dcdfe6;
}
.uni-date-editor--x {
position: relative;
}
.uni-date-editor--x .uni-date__icon-clear {
position: absolute;
top: 0;
right: 0;
display: inline-block;
box-sizing: border-box;
border: 9px solid transparent;
}
.uni-date__x-input {
padding: 0 8px;
height: 40px;
width: 100%;
line-height: 40px;
font-size: 14px;
}
.t-c {
text-align: center;
}
.uni-date__input {
height: 40px;
width: 100%;
line-height: 40px;
font-size: 14px;
}
.uni-date-range__input {
text-align: center;
max-width: 142px;
}
.uni-date-picker__container {
position: relative;
/* position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
z-index: 996;
font-size: 14px; */
}
.uni-date-mask {
position: fixed;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0);
transition-duration: 0.3s;
z-index: 996;
}
.uni-date-single--x {
/* padding: 0 8px; */
background-color: #fff;
position: absolute;
top: 0;
z-index: 999;
border: 1px solid #EBEEF5;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.uni-date-range--x {
/* padding: 0 8px; */
background-color: #fff;
position: absolute;
top: 0;
z-index: 999;
border: 1px solid #EBEEF5;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.uni-date-editor--x__disabled {
opacity: 0.4;
cursor: default;
}
.uni-date-editor--logo {
width: 16px;
height: 16px;
vertical-align: middle;
}
/* 添加时间 */
.popup-x-header {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
}
.popup-x-header--datetime {
display: flex;
flex-direction: row;
flex: 1;
}
.popup-x-body {
display: flex;
}
.popup-x-footer {
padding: 0 15px;
border-top-color: #F1F1F1;
border-top-style: solid;
border-top-width: 1px;
/* background-color: #fff; */
line-height: 40px;
text-align: right;
color: #666;
}
.popup-x-footer text:hover {
color: #007aff;
cursor: pointer;
opacity: 0.8;
}
.popup-x-footer .confirm {
margin-left: 20px;
color: #007aff;
}
.uni-date-changed {
/* background-color: #fff; */
text-align: center;
color: #333;
border-bottom-color: #F1F1F1;
border-bottom-style: solid;
border-bottom-width: 1px;
/* padding: 0 50px; */
}
.uni-date-changed--time text {
/* padding: 0 20px; */
height: 50px;
line-height: 50px;
}
.uni-date-changed .uni-date-changed--time {
/* display: flex; */
flex: 1;
}
.uni-date-changed--time-date {
color: #333;
opacity: 0.6;
}
.mr-50 {
margin-right: 50px;
}
/* picker 弹出层通用的指示小三角, todo:扩展至上下左右方向定位 */
.uni-popper__arrow,
.uni-popper__arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
}
.uni-popper__arrow {
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
top: -6px;
left: 10%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEEF5;
}
.uni-popper__arrow::after {
content: " ";
top: 1px;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #fff;
}
{
"usingComponents": {},
"component": true
}
\ No newline at end of file
<text data-event-opts="{{[['tap',[['_onClick',['$event']]]]]}}" class="{{['uni-icons','uniui-'+type,customPrefix,customPrefix?type:'']}}" style="{{'color:'+(color)+';'+('font-size:'+(iconSize)+';')}}" bindtap="__e"></text>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment