forked from lsl/xzjl-ui
parent
44c8a3cb34
commit
25c037b274
@ -0,0 +1,40 @@
|
|||||||
|
|
||||||
|
Component({
|
||||||
|
relations: {
|
||||||
|
'./popover': {
|
||||||
|
type: 'parent'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 组件的属性列表
|
||||||
|
*/
|
||||||
|
properties: {
|
||||||
|
// 是否有底线
|
||||||
|
hasline: {
|
||||||
|
type: Boolean,
|
||||||
|
value: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
// 每项的高度
|
||||||
|
height: 40
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的方法列表
|
||||||
|
*/
|
||||||
|
methods: {
|
||||||
|
onClick: function() {
|
||||||
|
let { index } = this.properties;
|
||||||
|
let eventDetail = {
|
||||||
|
index: index
|
||||||
|
};
|
||||||
|
let eventOption = {};
|
||||||
|
this.triggerEvent('tap', eventDetail, eventOption);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<view class='popover-item {{hasline ? "underline" : ""}}' hover-class='popover-item-hover' catchtap='onClick' style='height:{{height}}px;line-height:{{height}}px;'>
|
||||||
|
<slot/>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
.popover-item {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.popover-item-hover {
|
||||||
|
background-color: #EEE;
|
||||||
|
}
|
||||||
|
.underline{
|
||||||
|
border-bottom:1px #EEE solid;
|
||||||
|
}
|
||||||
@ -0,0 +1,99 @@
|
|||||||
|
const { windowWidth, windowHeight } = wx.getSystemInfoSync();
|
||||||
|
|
||||||
|
// 三角形箭头的高度
|
||||||
|
const trangleHeight = 12;
|
||||||
|
|
||||||
|
Component({
|
||||||
|
relations: {
|
||||||
|
'./popover-item': {
|
||||||
|
type: 'child'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
data: {
|
||||||
|
// 当前显隐状态
|
||||||
|
visible: false,
|
||||||
|
// popover 宽
|
||||||
|
pw: 100,
|
||||||
|
// popover 高
|
||||||
|
ph: 120,
|
||||||
|
// popover 距左距离
|
||||||
|
px: 0,
|
||||||
|
// popover 距上距离
|
||||||
|
py: 0,
|
||||||
|
// 垂直方向 top/bottom
|
||||||
|
vertical: '',
|
||||||
|
// 水平方向 left/center/right
|
||||||
|
align: ''
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
onDisplay: function(e) {
|
||||||
|
let self = this;
|
||||||
|
|
||||||
|
if (self.last && self.last === e.id) {
|
||||||
|
self.setData({
|
||||||
|
visible: !self.data.visible
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
wx.createSelectorQuery().selectViewport().scrollOffset(view => {
|
||||||
|
let { pw, ph, px, py, vertical, align } = self.data;
|
||||||
|
|
||||||
|
let pOverW = (pw - e.width) / 2;
|
||||||
|
|
||||||
|
let offsetL = e.left,
|
||||||
|
offsetR = windowWidth - e.right,
|
||||||
|
offsetB = windowHeight - e.bottom;
|
||||||
|
|
||||||
|
if (offsetL >= pOverW && offsetR >= pOverW) {
|
||||||
|
align = 'center';
|
||||||
|
px = e.left - pOverW;
|
||||||
|
} else if (offsetL > pOverW && offsetR < pOverW) {
|
||||||
|
align = 'left';
|
||||||
|
px = windowWidth - (offsetR + pw);
|
||||||
|
// 如果向右贴边了，设置一点距离
|
||||||
|
if ((windowWidth - pw) == px) px -= 5;
|
||||||
|
} else if (offsetL < pOverW && offsetR > pOverW) {
|
||||||
|
align = 'right';
|
||||||
|
px = e.left;
|
||||||
|
// 如果向左贴边了，设置一点距离
|
||||||
|
if (px == 0) px += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (offsetB >= (ph + trangleHeight)) {
|
||||||
|
vertical = 'bottom';
|
||||||
|
py = view.scrollTop + e.bottom + trangleHeight;
|
||||||
|
} else {
|
||||||
|
vertical = 'top';
|
||||||
|
py = view.scrollTop + e.top - ph - trangleHeight;
|
||||||
|
}
|
||||||
|
|
||||||
|
self.setData({
|
||||||
|
visible: true,
|
||||||
|
px: px,
|
||||||
|
py: py,
|
||||||
|
ph: self.getItemsHeight(),
|
||||||
|
vertical: vertical,
|
||||||
|
align: align
|
||||||
|
});
|
||||||
|
}).exec();
|
||||||
|
}
|
||||||
|
// 记录上一次点击的元素
|
||||||
|
self.last = e.id;
|
||||||
|
},
|
||||||
|
onHide: function() {
|
||||||
|
this.setData({
|
||||||
|
visible: false
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 获取所有子元素
|
||||||
|
getItems: function() {
|
||||||
|
return this.getRelationNodes('./popover-item');
|
||||||
|
},
|
||||||
|
// 获取所有子元素的总高度
|
||||||
|
getItemsHeight() {
|
||||||
|
return this.getItems().map(item => item.data.height).reduce((a, b) => a + b, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<view
|
||||||
|
wx:if='{{visible}}'
|
||||||
|
class='popover-view {{vertical}} {{align}}'
|
||||||
|
style='width:{{pw}}px;height:{{ph}}px;left:{{px}}px;top:{{py}}px;'>
|
||||||
|
<slot />
|
||||||
|
</view>
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
.popover-view {
|
||||||
|
position: absolute;
|
||||||
|
background-color: white;
|
||||||
|
box-shadow: 0 0 2px 2px #ddd;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
}
|
||||||
|
/* 实现三角形 */
|
||||||
|
.popover-view::before {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
width: 0;
|
||||||
|
height: 0px;
|
||||||
|
content: '';
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 6px;
|
||||||
|
border-color: #fff #fff transparent transparent;
|
||||||
|
box-shadow: 2px -2px 2px #ddd;
|
||||||
|
}
|
||||||
|
/* 上 */
|
||||||
|
.popover-view.top::before {
|
||||||
|
bottom: -6px;
|
||||||
|
transform: rotate(135deg);
|
||||||
|
}
|
||||||
|
/* 下 */
|
||||||
|
.popover-view.bottom::before {
|
||||||
|
top: -6px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
}
|
||||||
|
/* 左 */
|
||||||
|
.popover-view.left::before {
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
/* 中 */
|
||||||
|
.popover-view.center::before {
|
||||||
|
left: 47px;
|
||||||
|
}
|
||||||
|
/* 右 */
|
||||||
|
.popover-view.right::before {
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,5 @@
|
|||||||
|
<template name="foot">
|
||||||
|
<navigator class="page-foot" openType="switchTab" url="/page/component/index" hover-class="none">
|
||||||
|
<image class="icon-foot" src="../../../../image/icon_foot.png"></image>
|
||||||
|
</navigator>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<template name="head">
|
||||||
|
<view class="page-head">
|
||||||
|
<view class="page-head-title">{{title}}</view>
|
||||||
|
<view class="page-head-line"></view>
|
||||||
|
<view wx:if="{{desc}}" class="page-head-desc">{{desc}}</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
@ -0,0 +1,111 @@
|
|||||||
|
.index-hd {
|
||||||
|
padding: 80rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.index-bd {
|
||||||
|
padding: 0 30rpx 40rpx;
|
||||||
|
}
|
||||||
|
.index-ft {
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.index-logo {
|
||||||
|
width: 86rpx;
|
||||||
|
height: 86rpx;
|
||||||
|
}
|
||||||
|
.index-desc {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
color: #888888;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.navigator-box {
|
||||||
|
opacity: 0;
|
||||||
|
position: relative;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
line-height: 1.41176471;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
transform: translateY(-50%);
|
||||||
|
transition: .3s;
|
||||||
|
}
|
||||||
|
.navigator-box-show {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
.navigator {
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.navigator:before {
|
||||||
|
content: " ";
|
||||||
|
position: absolute;
|
||||||
|
left: 30rpx;
|
||||||
|
top: 0;
|
||||||
|
right: 30rpx;
|
||||||
|
height: 1px;
|
||||||
|
border-top: 1rpx solid #D8D8D8;
|
||||||
|
color: #D8D8D8;
|
||||||
|
}
|
||||||
|
.navigator:first-child:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.navigator-text {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.navigator-arrow {
|
||||||
|
padding-right: 26rpx;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.navigator-arrow:after {
|
||||||
|
content: " ";
|
||||||
|
display: inline-block;
|
||||||
|
height: 18rpx;
|
||||||
|
width: 18rpx;
|
||||||
|
border-width: 2rpx 2rpx 0 0;
|
||||||
|
border-color: #888888;
|
||||||
|
border-style: solid;
|
||||||
|
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -8rpx;
|
||||||
|
right: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.kind-list-item {
|
||||||
|
margin: 20rpx 0;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.kind-list-item:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.kind-list-text{
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.kind-list-img {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
}
|
||||||
|
.kind-list-item-hd {
|
||||||
|
padding: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
transition: opacity .3s;
|
||||||
|
}
|
||||||
|
.kind-list-item-hd-show {
|
||||||
|
opacity: .2;
|
||||||
|
}
|
||||||
|
.kind-list-item-bd {
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.kind-list-item-bd-show {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,115 @@
|
|||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
formats: {},
|
||||||
|
readOnly: false,
|
||||||
|
placeholder: '开始输入...',
|
||||||
|
editorHeight: 300,
|
||||||
|
keyboardHeight: 0,
|
||||||
|
isIOS: false
|
||||||
|
},
|
||||||
|
readOnlyChange() {
|
||||||
|
this.setData({
|
||||||
|
readOnly: !this.data.readOnly
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
const platform = wx.getSystemInfoSync().platform
|
||||||
|
const isIOS = platform === 'ios'
|
||||||
|
this.setData({ isIOS})
|
||||||
|
const that = this
|
||||||
|
this.updatePosition(0)
|
||||||
|
let keyboardHeight = 0
|
||||||
|
wx.onKeyboardHeightChange(res => {
|
||||||
|
if (res.height === keyboardHeight) return
|
||||||
|
const duration = res.height > 0 ? res.duration * 1000 : 0
|
||||||
|
keyboardHeight = res.height
|
||||||
|
setTimeout(() => {
|
||||||
|
wx.pageScrollTo({
|
||||||
|
scrollTop: 0,
|
||||||
|
success() {
|
||||||
|
that.updatePosition(keyboardHeight)
|
||||||
|
that.editorCtx.scrollIntoView()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}, duration)
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
updatePosition(keyboardHeight) {
|
||||||
|
const toolbarHeight = 50
|
||||||
|
const { windowHeight, platform } = wx.getSystemInfoSync()
|
||||||
|
let editorHeight = keyboardHeight > 0 ? (windowHeight - keyboardHeight - toolbarHeight) : windowHeight
|
||||||
|
this.setData({ editorHeight, keyboardHeight })
|
||||||
|
},
|
||||||
|
calNavigationBarAndStatusBar() {
|
||||||
|
const systemInfo = wx.getSystemInfoSync()
|
||||||
|
const { statusBarHeight, platform } = systemInfo
|
||||||
|
const isIOS = platform === 'ios'
|
||||||
|
const navigationBarHeight = isIOS ? 44 : 48
|
||||||
|
return statusBarHeight + navigationBarHeight
|
||||||
|
},
|
||||||
|
onEditorReady() {
|
||||||
|
const that = this
|
||||||
|
wx.createSelectorQuery().select('#editor').context(function (res) {
|
||||||
|
that.editorCtx = res.context
|
||||||
|
}).exec()
|
||||||
|
},
|
||||||
|
blur() {
|
||||||
|
this.editorCtx.blur()
|
||||||
|
},
|
||||||
|
format(e) {
|
||||||
|
let { name, value } = e.target.dataset
|
||||||
|
if (!name) return
|
||||||
|
// console.log('format', name, value)
|
||||||
|
this.editorCtx.format(name, value)
|
||||||
|
|
||||||
|
},
|
||||||
|
onStatusChange(e) {
|
||||||
|
const formats = e.detail
|
||||||
|
this.setData({ formats })
|
||||||
|
},
|
||||||
|
insertDivider() {
|
||||||
|
this.editorCtx.insertDivider({
|
||||||
|
success: function () {
|
||||||
|
console.log('insert divider success')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
clear() {
|
||||||
|
this.editorCtx.clear({
|
||||||
|
success: function (res) {
|
||||||
|
console.log("clear success")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
removeFormat() {
|
||||||
|
this.editorCtx.removeFormat()
|
||||||
|
},
|
||||||
|
insertDate() {
|
||||||
|
const date = new Date()
|
||||||
|
const formatDate = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`
|
||||||
|
this.editorCtx.insertText({
|
||||||
|
text: formatDate
|
||||||
|
})
|
||||||
|
},
|
||||||
|
insertImage() {
|
||||||
|
const that = this
|
||||||
|
wx.chooseImage({
|
||||||
|
count: 1,
|
||||||
|
success: function (res) {
|
||||||
|
that.editorCtx.insertImage({
|
||||||
|
src: res.tempFilePaths[0],
|
||||||
|
data: {
|
||||||
|
id: 'abcd',
|
||||||
|
role: 'god'
|
||||||
|
},
|
||||||
|
width: '100%',
|
||||||
|
success: function () {
|
||||||
|
console.log('insert image success')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"navigationBarTitleText": "发表文章",
|
||||||
|
"disableScroll": true,
|
||||||
|
"usingComponents": {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<!--pages/home/xx/lindex/lxz/lxz.wxml-->
|
||||||
|
<view class="container" style="height:{{editorHeight}}px;">
|
||||||
|
<view class="xzsfhl"></view><!--信封上方花篮框-->
|
||||||
|
<view class="xzxfnr">
|
||||||
|
<editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="onStatusChange" bindready="onEditorReady">
|
||||||
|
</editor>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="toolbar" catchtouchend="format" style="bottom: {{isIOS ? keyboardHeight : 0}}px">
|
||||||
|
<i class="iconfont icon-charutupian" catchtouchend="insertImage"></i>
|
||||||
|
<i class="iconfont icon-format-header-2 {{formats.header === 2 ? 'ql-active' : ''}}" data-name="header" data-value="{{2}}"></i>
|
||||||
|
<i class="iconfont icon-format-header-3 {{formats.header === 3 ? 'ql-active' : ''}}" data-name="header" data-value="{{3}}"></i>
|
||||||
|
<i class="iconfont icon-zitijiacu {{formats.bold ? 'ql-active' : ''}}" data-name="bold"></i>
|
||||||
|
<i class="iconfont icon-zitixieti {{formats.italic ? 'ql-active' : ''}}" data-name="italic"></i>
|
||||||
|
<i class="iconfont icon-zitixiahuaxian {{formats.underline ? 'ql-active' : ''}}" data-name="underline"></i>
|
||||||
|
<i class="iconfont icon--checklist" data-name="list" data-value="check"></i>
|
||||||
|
<i class="iconfont icon-youxupailie {{formats.list === 'ordered' ? 'ql-active' : ''}}" data-name="list" data-value="ordered"></i>
|
||||||
|
<i class="iconfont icon-wuxupailie {{formats.list === 'bullet' ? 'ql-active' : ''}}" data-name="list" data-value="bullet"></i>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<!--信封下方花篮框&菜单栏-->
|
||||||
|
<view class="xfxfhl">
|
||||||
|
<view class="xfzjhz"></view>
|
||||||
|
<view class="xzylanbtn xzylan1">预览</view>
|
||||||
|
<view class="xzylanbtn xzylan2">发送</view>
|
||||||
|
<!--返回按钮-->
|
||||||
|
<view class="xzfhan xzfhan1"
|
||||||
|
bindtap="doCancelXz"><view class="fan11r2"></view></view>
|
||||||
|
<!--音讯按钮-->
|
||||||
|
<view class="xzfhan xzfhan2" >音讯</view>
|
||||||
|
<!--画像按钮-->
|
||||||
|
<view class="xzfhan xzfhan3" catchtouchend="insertImage">画像</view>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,159 @@
|
|||||||
|
/* pages/home/xx/lindex/lxz/lxz.wxss */
|
||||||
|
@import "./common/lib/weui.wxss";
|
||||||
|
@import "./assets/iconfont.wxss"
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.xzsfhl{
|
||||||
|
position: fixed;
|
||||||
|
left: 15px;
|
||||||
|
top: 52px;
|
||||||
|
width: 345px;
|
||||||
|
height: 115px;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzhlpic.png);
|
||||||
|
}
|
||||||
|
.xzxfnr{
|
||||||
|
position: absolute;
|
||||||
|
left: 31px;
|
||||||
|
top: 64px;
|
||||||
|
width: 315px;
|
||||||
|
height: 657px;
|
||||||
|
overflow: auto;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-container {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 264px;
|
||||||
|
margin-left: 52rpx;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 10px 10px 20px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ql-active {
|
||||||
|
color: #22C704;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 50px;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
border: 1px solid #ECECEC;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.xfxfhl{
|
||||||
|
z-index: 100;
|
||||||
|
position: fixed;
|
||||||
|
left: 0px;
|
||||||
|
top: 331px;
|
||||||
|
width: 375px;
|
||||||
|
height: 462px;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfxfhlpic.png);
|
||||||
|
}
|
||||||
|
.xzxfnr{
|
||||||
|
position: absolute;
|
||||||
|
left: 31px;
|
||||||
|
top: 64px;
|
||||||
|
width: 315px;
|
||||||
|
height: 657px;
|
||||||
|
overflow: auto;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xznrpic.png);
|
||||||
|
}
|
||||||
|
.xfzjhz{
|
||||||
|
position: absolute;
|
||||||
|
left: 154px;
|
||||||
|
top: 482rpx;
|
||||||
|
width: 73px;
|
||||||
|
height: 71px;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfzjhzpic.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
.xzfhan{
|
||||||
|
position: absolute;
|
||||||
|
width: 55px;
|
||||||
|
height: 55px;
|
||||||
|
line-height: 110rpx;
|
||||||
|
border-radius: 59rpx;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
color: rgba(16, 16, 16, 1);
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
font-family: Arial;
|
||||||
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
font-family: SourceHanSansSC-medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xzfhan1{
|
||||||
|
left: 16px;
|
||||||
|
top: 592rpx;
|
||||||
|
}
|
||||||
|
.xzfhan2{
|
||||||
|
left: 608rpx;
|
||||||
|
top: 440rpx;
|
||||||
|
}
|
||||||
|
.xzfhan3{
|
||||||
|
left: 608rpx;
|
||||||
|
top: 592rpx;
|
||||||
|
}
|
||||||
|
.xzylanbtn{
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
top: 396px;
|
||||||
|
width: 105px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 70rpx;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||||
|
border: 3px solid rgba(255, 255, 255, 1);
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
font-family: SourceHanSansSC-medium;
|
||||||
|
}
|
||||||
|
.xzylan1{
|
||||||
|
left: 62px;
|
||||||
|
}
|
||||||
|
.xzylan2{
|
||||||
|
left: 448rpx;
|
||||||
|
}
|
||||||
|
.fan11r2{
|
||||||
|
position: absolute;
|
||||||
|
left: 26rpx;
|
||||||
|
top: 24rpx;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xtreturn.png);
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
// pages/home/xx/lindex/xz/xz.js
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
<!--pages/home/xx/lindex/xz/xz.wxml-->
|
||||||
|
<text>pages/home/xx/lindex/xz/xz.wxml</text>
|
||||||
@ -0,0 +1 @@
|
|||||||
|
/* pages/home/xx/lindex/xz/xz.wxss */
|
||||||
Loading…
Reference in new issue