Skip to content

U
uni-zijinjianguan-staff-wechat
Commit af85162f by honghong
Options

初始化

parent 83536d60
Showing with 291 additions and 184 deletions
pages.json
......@@ -15,7 +15,10 @@
{
"path": "pages/login/index",
"style": {
"navigationBarTitleText": ""
"navigationBarTitleText": "",
"mp-weixin": {
"navigationStyle": "custom"
}
}
}
],
......
pages/login/index.vue
<template>
<view>
<view class="index">
<image :src="imgBgUrl+'logo.png'" mode="" class="logo_img"></image>
<view class="login_bg"></view>
<view class="login px-three">
<view class="name">登录</view>
<!-- <view class="name">登录</view> -->
<view class="login-box">
<view class="d-flex a-center login-box-user">
<image src="@/static/user.png" mode=""></image>
<u--input maxlength="11" v-model="form.username" fontSize="28" placeholder="账号" border="none" :customStyle="{
padding:'0',
<view class=" login-box-user">
<!-- <image src="@/static/user.png" mode=""></image> -->
<view class="title">
账号
</view>
<u--input maxlength="11" v-model="form.username" fontSize="28" placeholder="请输入账号" border="none"
:customStyle="{
padding:'30rpx',
border:'1px solid #979BB5',
borderRadius: '30rpx',
}"></u--input>
</view>
<view class="d-flex a-center login-box-user">
<image src="@/static/password.png" mode=""></image>
<u--input maxlength="16" type="password" v-model="form.password" fontSize="28" placeholder="密码" border="none"
:customStyle="{
padding:'0',
<view class=" login-box-user">
<!-- <image src="@/static/password.png" mode=""></image> -->
<view class="title">
密码
</view>
<u--input maxlength="16" type="password" v-model="form.password" fontSize="28" placeholder="请输入密码"
border="none" :customStyle="{
padding:'30rpx',
border:'1px solid #979BB5',
borderRadius: '30rpx',
}"></u--input>
</view>
</view>
</view>
<view class=" d-flex a-center" style="margin-top: 15vh;">
<button class="full-button" @click="handleLogin">登 录</button>
<view class=" d-flex a-center" style="margin-top: 10vh;">
<button class="full-button" @click="handleLogin">登 录</button>
</view>
<view class="join">
商家入驻
</view>
</view>
</view>
</template>
......@@ -29,11 +46,13 @@
mapGetters,
mapActions
} from 'vuex';
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
form: {
form:'login',
form: 'login',
},
rules: {
username: [{
......@@ -56,25 +75,25 @@
},
}
},
methods: {
...mapActions(['wxPhoneLogin']),
handleLogin() {
this.wxPhoneLogin(this.form)
return
if(this.form.username){
if (this.form.username) {
const regex = /^1[3-9]\d{9}$/;
// console.log(regex.test(this.form.phoneNumber),'zeg====')
const isValid = regex.test(this.form.username)
if(!isValid) return uni.showToast({
title:'手机号格式不正确!',
icon:'none'
if (!isValid) return uni.showToast({
title: '手机号格式不正确!',
icon: 'none'
})
this.getCheckResult()
}else{
} else {
uni.showToast({
title:'请完善信息',
icon:'none'
title: '请完善信息',
icon: 'none'
})
}
// this.wxPhoneLogin(this.form)
......@@ -82,35 +101,74 @@
// url: '/myCenter/register/detail'
// })
},
}
}
</script>
<style>
page {
background: #1572FF;
height: 100%;
}
</style>
<style lang="scss" scoped>
.name{
.index {
height: 100%;
}
.logo_img {
width: 392rpx;
height: 392rpx;
display: block;
margin: 0 auto;
padding-top: 130rpx;
}
.name {
color: #333;
font-size: 42rpx;
font-weight: bolder;
}
.login_bg {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 81%, rgba(255, 255, 255, 0.97) 100%);
opacity: 0.27;
height: 50rpx;
border-radius: 40rpx 40rpx 0 0;
width: 694rpx;
margin: 0 auto;
}
.login {
margin: 122rpx auto 0;
text-align: center;
// text-align: center;
height: calc(100% - 30%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 81%, rgba(255, 255, 255, 0.97) 100%);
border-radius: 30rpx 30rpx 0 0;
margin-top: -20rpx;
&-box {
border-top: 1rpx solid #E7E7E7;
margin-top: 104rpx;
padding-top: 80rpx;
//border-top: 1rpx solid #E7E7E7;
// margin-top: 104rpx;
&-user {
border-bottom: 1rpx solid #E7E7E7;
padding: 54rpx 30rpx;
// &-user {
// border-bottom: 1rpx solid #E7E7E7;
// padding: 54rpx 30rpx;
image {
width: 36rpx;
height: 36rpx;
margin-right: 24rpx;
}
// image {
// width: 36rpx;
// height: 36rpx;
// margin-right: 24rpx;
// }
// }
.title {
font-weight: 500;
font-size: 30rpx;
color: #555568;
margin: 30rpx 0;
}
&-operate {
......@@ -139,4 +197,19 @@
width: 652rpx;
margin-top: 32rpx;
}
.full-button {
border-radius: 30rpx;
width: 662rpx;
height: 108rpx;
line-height: 108rpx;
}
.join{
font-size: 30rpx;
color: #1572FF;
text-align: center;
text-decoration-line: underline;
margin-top: 80rpx;
}
</style>
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
This source diff could not be displayed because it is too large. You can view the blob instead.
unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u--text/u--text.js.map 0 → 100644
{"version":3,"sources":["webpack:///F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u--text/u--text.vue?b645","webpack:///F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u--text/u--text.vue?22be","webpack:///F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u--text/u--text.vue?5986","webpack:///F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u--text/u--text.vue?feef","uni-app:///node_modules/uview-ui/components/u--text/u--text.vue"],"names":["name","mixins","components","uvText"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoH;AACpH;AAC2D;AACL;;;AAGtD;AAC6L;AAC7L,gBAAgB,qMAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,iFAAM;AACR,EAAE,0FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,qFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACtBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAytB,CAAgB,wuBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;ACmC7uB;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eACA;EACAA;EACAC;EACAC;IACAC;EACA;AACA;AAAA,2B","file":"node-modules/uview-ui/components/u--text/u--text.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u--text.vue?vue&type=template&id=1a602e2d&\"\nvar renderjs\nimport script from \"./u--text.vue?vue&type=script&lang=js&\"\nexport * from \"./u--text.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"node_modules/uview-ui/components/u--text/u--text.vue\"\nexport default component.exports","export * from \"-!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./u--text.vue?vue&type=template&id=1a602e2d&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./u--text.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\360Downloads\\\\Software\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./u--text.vue?vue&type=script&lang=js&\"","<template>\r\n <uvText\r\n :type=\"type\"\r\n :show=\"show\"\r\n :text=\"text\"\r\n :prefixIcon=\"prefixIcon\"\r\n :suffixIcon=\"suffixIcon\"\r\n :mode=\"mode\"\r\n :href=\"href\"\r\n :format=\"format\"\r\n :call=\"call\"\r\n :openType=\"openType\"\r\n :bold=\"bold\"\r\n :block=\"block\"\r\n :lines=\"lines\"\r\n :color=\"color\"\r\n\t\t:decoration=\"decoration\"\r\n :size=\"size\"\r\n :iconStyle=\"iconStyle\"\r\n :margin=\"margin\"\r\n :lineHeight=\"lineHeight\"\r\n :align=\"align\"\r\n :wordWrap=\"wordWrap\"\r\n :customStyle=\"customStyle\"\r\n @click=\"$emit('click')\"\r\n ></uvText>\r\n</template>\r\n\r\n<script>\r\n/**\r\n * 此组件存在的理由是，在nvue下，u-text被uni-app官方占用了，u-text在nvue中相当于input组件\r\n * 所以在nvue下，取名为u--input，内部其实还是u-text.vue，只不过做一层中转\r\n * 不使用v-bind=\"$attrs\"，而是分开独立写传参，是因为微信小程序不支持此写法\r\n */\r\nimport uvText from \"../u-text/u-text.vue\";\r\nimport props from \"../u-text/props.js\";\r\nexport default {\r\n name: \"u--text\",\r\n mixins: [uni.$u.mpMixin, props, uni.$u.mixin],\r\n components: {\r\n uvText,\r\n },\r\n};\r\n</script>\r\n"],"sourceRoot":""}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/common/main.js
......@@ -30,7 +30,7 @@ _vue.default.use(_uviewUi.default);
uni.$u.config.unit = 'rpx';
var comNavBar = function comNavBar() {
__webpack_require__.e(/*! require.ensure | components/navBar/aIndex */ "components/navBar/aIndex").then((function () {
return resolve(__webpack_require__(/*! @/components/navBar/aIndex */ 220));
return resolve(__webpack_require__(/*! @/components/navBar/aIndex */ 222));
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
};
_vue.default.component('com-navbar', comNavBar);
......
unpackage/dist/dev/mp-weixin/common/vendor.js
......@@ -21655,7 +21655,9 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV
/* 229 */,
/* 230 */,
/* 231 */,
/* 232 */
/* 232 */,
/* 233 */,
/* 234 */
/*!***********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-sticky/props.js ***!
\***********************************************************************************************/
......@@ -21707,14 +21709,98 @@ exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 233 */,
/* 234 */,
/* 235 */,
/* 236 */,
/* 237 */,
/* 238 */,
/* 239 */,
/* 240 */
/* 240 */,
/* 241 */,
/* 242 */
/*!**********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-empty/props.js ***!
\**********************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
props: {
// 内置图标名称，或图片路径，建议绝对路径
icon: {
type: String,
default: uni.$u.props.empty.icon
},
// 提示文字
text: {
type: String,
default: uni.$u.props.empty.text
},
// 文字颜色
textColor: {
type: String,
default: uni.$u.props.empty.textColor
},
// 文字大小
textSize: {
type: [String, Number],
default: uni.$u.props.empty.textSize
},
// 图标的颜色
iconColor: {
type: String,
default: uni.$u.props.empty.iconColor
},
// 图标的大小
iconSize: {
type: [String, Number],
default: uni.$u.props.empty.iconSize
},
// 选择预置的图标类型
mode: {
type: String,
default: uni.$u.props.empty.mode
},
// 图标宽度，单位px
width: {
type: [String, Number],
default: uni.$u.props.empty.width
},
// 图标高度，单位px
height: {
type: [String, Number],
default: uni.$u.props.empty.height
},
// 是否显示组件
show: {
type: Boolean,
default: uni.$u.props.empty.show
},
// 组件距离上一个元素之间的距离，默认px单位
marginTop: {
type: [String, Number],
default: uni.$u.props.empty.marginTop
}
}
};
exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 243 */,
/* 244 */,
/* 245 */,
/* 246 */,
/* 247 */,
/* 248 */,
/* 249 */,
/* 250 */
/*!**********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-input/props.js ***!
\**********************************************************************************************/
......@@ -21919,12 +22005,12 @@ exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 241 */,
/* 242 */,
/* 243 */,
/* 244 */,
/* 245 */,
/* 246 */
/* 251 */,
/* 252 */,
/* 253 */,
/* 254 */,
/* 255 */,
/* 256 */
/*!***********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-navbar/props.js ***!
\***********************************************************************************************/
......@@ -22026,14 +22112,14 @@ exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 247 */,
/* 248 */,
/* 249 */,
/* 250 */,
/* 251 */,
/* 252 */,
/* 253 */,
/* 254 */
/* 257 */,
/* 258 */,
/* 259 */,
/* 260 */,
/* 261 */,
/* 262 */,
/* 263 */,
/* 264 */
/*!*********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-icon/icons.js ***!
\*********************************************************************************************/
......@@ -22264,7 +22350,7 @@ var _default = {
exports.default = _default;
/***/ }),
/* 255 */
/* 265 */
/*!*********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-icon/props.js ***!
\*********************************************************************************************/
......@@ -22371,14 +22457,14 @@ exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 256 */,
/* 257 */,
/* 258 */,
/* 259 */,
/* 260 */,
/* 261 */,
/* 262 */,
/* 263 */
/* 266 */,
/* 267 */,
/* 268 */,
/* 269 */,
/* 270 */,
/* 271 */,
/* 272 */,
/* 273 */
/*!*********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-line/props.js ***!
\*********************************************************************************************/
......@@ -22429,46 +22515,11 @@ exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 264 */,
/* 265 */,
/* 266 */,
/* 267 */,
/* 268 */,
/* 269 */,
/* 270 */,
/* 271 */,
/* 272 */,
/* 273 */,
/* 274 */,
/* 275 */,
/* 276 */,
/* 277 */,
/* 278 */
/*!***************************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-status-bar/props.js ***!
\***************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
props: {
bgColor: {
type: String,
default: uni.$u.props.statusBar.bgColor
}
}
};
exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
/***/ }),
/* 278 */,
/* 279 */,
/* 280 */,
/* 281 */,
......@@ -22478,19 +22529,10 @@ exports.default = _default;
/* 285 */,
/* 286 */,
/* 287 */,
/* 288 */,
/* 289 */,
/* 290 */,
/* 291 */,
/* 292 */,
/* 293 */,
/* 294 */,
/* 295 */,
/* 296 */,
/* 297 */
/*!**********************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-empty/props.js ***!
\**********************************************************************************************/
/* 288 */
/*!***************************************************************************************************!*\
!*** F:/项目/uni-zijinjianguan-staff-wechat/node_modules/uview-ui/components/u-status-bar/props.js ***!
\***************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
......@@ -22503,60 +22545,9 @@ Object.defineProperty(exports, "__esModule", {
exports.default = void 0;
var _default = {
props: {
// 内置图标名称，或图片路径，建议绝对路径
icon: {
type: String,
default: uni.$u.props.empty.icon
},
// 提示文字
text: {
type: String,
default: uni.$u.props.empty.text
},
// 文字颜色
textColor: {
type: String,
default: uni.$u.props.empty.textColor
},
// 文字大小
textSize: {
type: [String, Number],
default: uni.$u.props.empty.textSize
},
// 图标的颜色
iconColor: {
type: String,
default: uni.$u.props.empty.iconColor
},
// 图标的大小
iconSize: {
type: [String, Number],
default: uni.$u.props.empty.iconSize
},
// 选择预置的图标类型
mode: {
bgColor: {
type: String,
default: uni.$u.props.empty.mode
},
// 图标宽度，单位px
width: {
type: [String, Number],
default: uni.$u.props.empty.width
},
// 图标高度，单位px
height: {
type: [String, Number],
default: uni.$u.props.empty.height
},
// 是否显示组件
show: {
type: Boolean,
default: uni.$u.props.empty.show
},
// 组件距离上一个元素之间的距离，默认px单位
marginTop: {
type: [String, Number],
default: uni.$u.props.empty.marginTop
default: uni.$u.props.statusBar.bgColor
}
}
};
......
unpackage/dist/dev/mp-weixin/pages/index/index.js
......@@ -101,10 +101,10 @@ var components
try {
components = {
uSticky: function () {
return Promise.all(/*! import() | node-modules/uview-ui/components/u-sticky/u-sticky */[__webpack_require__.e("common/vendor"), __webpack_require__.e("node-modules/uview-ui/components/u-sticky/u-sticky")]).then(__webpack_require__.bind(null, /*! uview-ui/components/u-sticky/u-sticky.vue */ 227))
return Promise.all(/*! import() | node-modules/uview-ui/components/u-sticky/u-sticky */[__webpack_require__.e("common/vendor"), __webpack_require__.e("node-modules/uview-ui/components/u-sticky/u-sticky")]).then(__webpack_require__.bind(null, /*! uview-ui/components/u-sticky/u-sticky.vue */ 229))
},
uEmpty: function () {
return Promise.all(/*! import() | node-modules/uview-ui/components/u-empty/u-empty */[__webpack_require__.e("common/vendor"), __webpack_require__.e("node-modules/uview-ui/components/u-empty/u-empty")]).then(__webpack_require__.bind(null, /*! uview-ui/components/u-empty/u-empty.vue */ 292))
return Promise.all(/*! import() | node-modules/uview-ui/components/u-empty/u-empty */[__webpack_require__.e("common/vendor"), __webpack_require__.e("node-modules/uview-ui/components/u-empty/u-empty")]).then(__webpack_require__.bind(null, /*! uview-ui/components/u-empty/u-empty.vue */ 237))
},
}
} catch (e) {
......
unpackage/dist/dev/mp-weixin/pages/login/index.json
{
"navigationBarTitleText": "",
"navigationStyle": "custom",
"usingComponents": {
"u--input": "/node-modules/uview-ui/components/u--input/u--input"
}
......
unpackage/dist/dev/mp-weixin/pages/login/index.wxml
<view class="data-v-4586967a"><view class="login px-three data-v-4586967a"><view class="name data-v-4586967a">登录</view><view class="login-box data-v-4586967a"><view class="d-flex a-center login-box-user data-v-4586967a"><image src="/static/user.png" mode class="data-v-4586967a"></image><u--input bind:input="__e" vue-id="6b4b36ba-1" maxlength="11" fontSize="28" placeholder="账号" border="none" customStyle="{{({padding:'0'})}}" value="{{form.username}}" data-event-opts="{{[['^input',[['__set_model',['$0','username','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u--input></view><view class="d-flex a-center login-box-user data-v-4586967a"><image src="/static/password.png" mode class="data-v-4586967a"></image><u--input bind:input="__e" vue-id="6b4b36ba-2" maxlength="16" type="password" fontSize="28" placeholder="密码" border="none" customStyle="{{({padding:'0'})}}" value="{{form.password}}" data-event-opts="{{[['^input',[['__set_model',['$0','password','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u--input></view></view></view><view class="d-flex a-center data-v-4586967a" style="margin-top:15vh;"><button data-event-opts="{{[['tap',[['handleLogin',['$event']]]]]}}" class="full-button data-v-4586967a" bindtap="__e">登 录</button></view></view>
\ No newline at end of file
<view class="index data-v-4586967a"><image class="logo_img data-v-4586967a" src="{{imgBgUrl+'logo.png'}}" mode></image><view class="login_bg data-v-4586967a"></view><view class="login px-three data-v-4586967a"><view class="login-box data-v-4586967a"><view class="login-box-user data-v-4586967a"><view class="title data-v-4586967a">账号</view><u--input bind:input="__e" vue-id="6b4b36ba-1" maxlength="11" fontSize="28" placeholder="请输入账号" border="none" customStyle="{{({padding:'30rpx',border:'1px solid #979BB5',borderRadius:'30rpx'})}}" value="{{form.username}}" data-event-opts="{{[['^input',[['__set_model',['$0','username','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u--input></view><view class="login-box-user data-v-4586967a"><view class="title data-v-4586967a">密码</view><u--input bind:input="__e" vue-id="6b4b36ba-2" maxlength="16" type="password" fontSize="28" placeholder="请输入密码" border="none" customStyle="{{({padding:'30rpx',border:'1px solid #979BB5',borderRadius:'30rpx'})}}" value="{{form.password}}" data-event-opts="{{[['^input',[['__set_model',['$0','password','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u--input></view></view><view class="d-flex a-center data-v-4586967a" style="margin-top:10vh;"><button data-event-opts="{{[['tap',[['handleLogin',['$event']]]]]}}" class="full-button data-v-4586967a" bindtap="__e">登 录</button></view><view class="join data-v-4586967a">商家入驻</view></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/login/index.wxss
page {
background: #1572FF;
height: 100%;
}
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
......@@ -24,27 +30,43 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.index.data-v-4586967a {
height: 100%;
}
.logo_img.data-v-4586967a {
width: 392rpx;
height: 392rpx;
display: block;
margin: 0 auto;
padding-top: 130rpx;
}
.name.data-v-4586967a {
color: #333;
font-size: 42rpx;
font-weight: bolder;
}
.login_bg.data-v-4586967a {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 81%, rgba(255, 255, 255, 0.97) 100%);
opacity: 0.27;
height: 50rpx;
border-radius: 40rpx 40rpx 0 0;
width: 694rpx;
margin: 0 auto;
}
.login.data-v-4586967a {
margin: 122rpx auto 0;
text-align: center;
height: calc(100% - 30%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.96) 81%, rgba(255, 255, 255, 0.97) 100%);
border-radius: 30rpx 30rpx 0 0;
margin-top: -20rpx;
}
.login-box.data-v-4586967a {
border-top: 1rpx solid #E7E7E7;
margin-top: 104rpx;
}
.login-box-user.data-v-4586967a {
border-bottom: 1rpx solid #E7E7E7;
padding: 54rpx 30rpx;
padding-top: 80rpx;
}
.login-box-user image.data-v-4586967a {
width: 36rpx;
height: 36rpx;
margin-right: 24rpx;
.login-box .title.data-v-4586967a {
font-weight: 500;
font-size: 30rpx;
color: #555568;
margin: 30rpx 0;
}
.login-box-operate.data-v-4586967a {
margin-top: 34rpx;
......@@ -65,5 +87,19 @@
.login-btn.data-v-4586967a {
width: 652rpx;
margin-top: 32rpx;
}
.full-button.data-v-4586967a {
border-radius: 30rpx;
width: 662rpx;
height: 108rpx;
line-height: 108rpx;
}
.join.data-v-4586967a {
font-size: 30rpx;
color: #1572FF;
text-align: center;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
margin-top: 80rpx;
}
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